Questions tagged [bootstrap-table]
Bootstrap Table is an extended Bootstrap table with radio, checkbox, sort, pagination, and other added features.
936
questions
0
votes
0
answers
6
views
Bootstrap Table how to restore page number and search filter
Using Bootstrap Table for CRUD with my .NET Core 6 Razor Page Model, and it is working fine.
When user browsed through a list of items (probably > 100) and trying to edit one of the item, say item #...
0
votes
0
answers
14
views
How to use events for bootstrap-table custom view?
How can I use events such as onCustomViewPostBody(custom-view-post-body.bs.table) in my custom view table?
0
votes
0
answers
23
views
Bootstrap-table.com Column Resizing not working at page load
Initial load Column Resize is not working but reordering columns work good at Page load. Second issue is, If I enable height (height: 350) from script, then resize not working properly. Is any idea ...
0
votes
2
answers
27
views
Odd issue with bootstrap table
I have a page containing a bootstrap table, using the following code:
<table class="display table table-bordered table-striped w-100"
data-click-to-...
-1
votes
0
answers
21
views
Bootstrap 5 table 4 colums to 1 header
I have 1 table that I want to have 3 headers Turno 1 Turno 2 Turno 3
And each Turno to have 4 columns without the large padding that td have.
Here's an example of what I want :
I have this code but I ...
1
vote
1
answer
27
views
How to get data from Bootstrap input field
I'm new to Bootstrap.
I would like to populate my Bootstrap table with data from my Firestore. The data is loaded and fetched correctly (It's logged into my console) but I can't seem to figure out how ...
-1
votes
0
answers
32
views
How do I sort a column by time > 9:45:00 in Bootstrap Table Library
The table data I'm getting from database and I need to get only time which is greater than 9:45:00
Table Image link
So How to sort or filter the time which is less than 9:45:00 am
which is time less ...
1
vote
0
answers
33
views
Button doesn't work upon incorporating bootstrap table
After spending days agonizing over this error and looking for someone who might have had this same problem, I'm finally ready to just ask the question myself. I'm building an app on Django. My post ...
1
vote
0
answers
33
views
How to dynamically modify custom buttons on bootstrap table?
I use bootstrap table kit(v1.18.3) to render backend data.
(ref: https://bootstrap-table.com/docs/api/table-options/)
There is no problem to show data to my website.But I have a requirement that when ...
1
vote
1
answer
23
views
Bootstrap-Table data-url receiving records but not showing data in MVC
When calling a method, GetEmployee in this example, it is correctly showing 2 records but with a dash instead of the data. I'm guessing it is a Json issue in the controller but have been unable to ...
0
votes
0
answers
28
views
Adding Remarks and Remarks column in Bootstrap Table
I am trying to create a bootstrap table for generating a report in which I want to provide the a Remark column at the last position of table.
Moreover, when user will enter a remark it will get ...
0
votes
0
answers
19
views
How to create a dropdown in a table with subsequent rows?
How can I create a table with dropdowns that looks like this:
I have tried using hidden rows but cannot figure out how to hide a row by index, additionally, detail view does not allow me to put a row ...
0
votes
0
answers
29
views
Bootstrap Table Load Issues
I'm having challenges with updating my Bootstrap table using the load method. Even when I simplify the problem and try and update using a single record, nothing changes. I would eventually like to ...
0
votes
0
answers
13
views
Bootstrap-table 508 tab compliance
I am using bootstrap-table extensively and my application needs to be 508 compliant.
The search text field is displayed to the left of the button toolbar but in the html it is rendered afterwards.
...
0
votes
1
answer
54
views
How to add Json data for Header and body for bootstrapTable using javascript
I am using latest bootstrap-Table for Table with Dynamic data from JSON url.
I tried with static header and TD fields (jsfiddle-1) from JSON from bootstrap-Table also I used data-field option in th (...
0
votes
0
answers
37
views
Why put two iframes in same bootstrap table row, the second iframe will overwrite the first one?
What I want is to insert different iframes into table cell at same row.
Like two distribution on different projects in one row, and items in columns.
Iframe in columns works well showing correct image,...
0
votes
0
answers
33
views
How to calculate all the colums values with Bootstrap table extension
i have trouble using bootstrapTable plugin,
i use options to initialize my table.
$jq(`#table_${posInd}`).bootstrapTable({
columns: [{
field:'first',
title: '',
footerFormatter: '',
/...
0
votes
0
answers
22
views
Why is my bootstrap table overflowing and then changing size when in my modal?
My table has a set height of 375, but the buttons increase the size leaving the entire modal content at around 411px. The modal doesn't expand with the size but instead overflows, yet when the table ...
0
votes
1
answer
60
views
React Bootstrap Table 1 Default Sorting by Alphabetical Order
For the react bootstrap table, how to sort the name column by default in alphabetical order? Now I can only sort it by alphabetical order by clicking the sort icon but I want the users to see the name ...
0
votes
0
answers
14
views
How can I make a date filter on boostrap table with javascript and momentJS
I'm currently working with bootstrap table and I wanted to set up a date filter. The user input a start date and an end date with the following format : "YYY-mm-dd HH:mm:ss". Then, the ...
0
votes
0
answers
19
views
How can I make a date filter on boostrap table with javascript/momentJS
I'm currently working with bootstrap table and I wanted to set up a date filter. The user input a start date and an end date with the following format : "YYY-mm-dd HH:mm:ss". Then, the ...
-1
votes
1
answer
36
views
How to enumerate dates between two dates with moment JS
Currently using the Bootstrap Table library by wenzhixin. I'm trying to find a way to set up a filter that use the data range principle.
This code "https://jsfiddle.net/wenyi/06pg2wms/11/" ...
0
votes
0
answers
35
views
Change child(detail) row after AJAX reload, Datatable
I'm following this solution to reopen child rows after reloading the data table.
Re-open collapsed child row after ajax reload
But the problem is if the position of the row is changed or a new row is ...
0
votes
0
answers
42
views
How to make filters not reset each other in bootstrap-table?
I'm using https://bootstrap-table.com/ for my table. I created several buttons to filter through specific columns using filterBy method. Now what I want to achieve is that filters search through only ...
0
votes
0
answers
34
views
Retrieve all options from select in boostrap-table filter-control
I'm using bootstrap-table 1.20.2 version.
I've applied different select filter-control to columns.
Now I would read all elements option in the select tag rendered by filter-control, but it seems ...
0
votes
1
answer
69
views
Can't fetch selected row in bootstrap table
I have defined the following bootstrap table in my ASP.NET web page:
<table class="display table table-bordered" data-click-to-select="true"
data-pagination=...
0
votes
0
answers
45
views
Svelte and Bootstrap-table events handlers lost
i am trying to integrate bootstrap-table with svelte, the effects are applied to the table but the on:click handlers are removed, as far as i understand bootstrap-table is destroying the table and ...
0
votes
0
answers
96
views
Bootstrap table how to change column value by jquery
I am using bootstrap table to display my data. I used a data formatter on a column like:
formatter: function (value, row, index) {
var html = $.common.sprintf("<input class='form-control' ...
0
votes
1
answer
103
views
Bootstrap table filter control selects matching subset
I'm using bootstrap-table and bootstrap-table-filter to filter results in a table, however the "select" filter is matching subsets of strings which match the filter. E.g., if I select (not ...
0
votes
1
answer
35
views
Bootstrap4 table - set constant height for rows
I am trying to create a Bootstrap v4 table which has both a fixed column width and a fixed row height.
Any data within the cells which is too long should be truncated (either just not shown or if ...
0
votes
1
answer
32
views
How to make Bootstrap 4 table keeps resizing to screen width when adding data in JS
I am specifying my table in HTML and populating it within JS.
The desired column widths are as specified within <table> i.e. 500px. If I run the code without calling the JS code, the column ...
0
votes
0
answers
12
views
Issue with displaying non-English characters in flask application in bootstrap table [duplicate]
I am trying to get data from MySQL in Flask and all English records are displayed correctly but non-English give me an error:
Uncaught SyntaxError: Unexpected token a in JSON at position 266
at JSON....
0
votes
0
answers
145
views
How to show table Data in single Table Row in react js
I am fetching My User data from the backend. I am using Bootstrap Table to show the data. see the image
I want to show all the Records under the one Table in Row Formatting
This is my code
<div&...
0
votes
1
answer
94
views
Bootstrap not being applied properly in angular
I'm trying something very simple to understand what's going on:
I create a new Angular project with ng new
After setting the configuration of the project, I install the dependencies with npm i ...
0
votes
1
answer
64
views
How to show table data in react javascript from a list of object?
I am following some tutorials on youtube, he is showing data succesfully but it is hard coded data, and I want to take data from backend. Data is coming successfully(I see it on console with console....
0
votes
0
answers
16
views
Bootstrap-table override table export function
I am using Bootstrap-table and I would like to export my table data to an Excel file.
I like the icons used by the bootstrap-table-export plugin and I want to use that, but I want to call my own ...
1
vote
0
answers
25
views
how to use filterControl: 'select' with formatter
I am using bootstrap-table for working with data from my database.
I get my data in javascript and I wanted to filter by select and I have a formatter on each column
I tried some solutions but nothing ...
0
votes
1
answer
73
views
Bootstrap-Table custom filteralgorithm
I'm trying to use Bootstrap-Table to show my data and I want to filter rows that a specified cell is empty and I don't want them to show up.
$('#tableId').bootstrapTable('refreshOptions', {
...
2
votes
2
answers
287
views
Change font size for Bootstrap Table
I'm using the Bootstrap table functionality which is great but I cannot seem to change the font size.
I'm following the example at https://examples.bootstrap-table.com/index.html#options/loading-font-...
-1
votes
1
answer
192
views
how to Create multiple row in React Bootstrap table
How I can show stockVendorPriceList in multiple rows like the image below? I mean if I have an Array of Object in stockVendorPriceList it will show them separate row or if not then in a single row.
...
0
votes
0
answers
79
views
Flask WTF Bootstrap-table icons not showing
I am developing a web application with Python and Flask. For the front end I use Flask-WTF and Bootstrap. I am now working on a table using "bootstrap table". I'm making good progress but ...
0
votes
0
answers
298
views
Bootstrap-Table: Filter Control with multiple inputs for the same data-field
Is there a way to achieve a filter with two or more inputs for the same column/data-field?
Example (think about Forename and Surname but the column you want to filter has both included): https://live....
1
vote
0
answers
68
views
Bootstrap Table with nested JSON
I am trying to reference a value in my JSON file to display in a bootstrap table. A selection of the JSON file is as follows:
{
"summary": [
"2022-03-03 02:52:39 UTC P @ ...
0
votes
0
answers
240
views
bootstrap5 responsive hiding columns, working but values no longer show
I am using Bootstrap5 responsive display - hiding elements to display fewer columns on mobile devices. I have been able to do this, however the values of the cells for the columns that are hidden for ...
0
votes
0
answers
200
views
Bootstrap table searching is not working (if we have & in between the words)
I am new to bootstrap and working in bootstrap table. I need a data Table having searching functionality using bootstrap-table.
i have implemented the same but when I am trying to search data having '&...
0
votes
1
answer
266
views
Bootstrap table using 'checkAll' method only checks the checkboxes in the current page
I have a bootstrap table in my HTML5 page.
When using $('#bk-table').bootstrapTable('checkAll')
Only the checkboxes in current page r checked.
How could I check all the checkboxes in all page?
My ...
0
votes
0
answers
114
views
Change default dash(“-”)to blank in bootstrap table
I have a web app, frontend has a bootstrap table, backend using Restful API to render the data.
In the bootstrap table, the null value displays dash by default.
I want to change the default dash to ...
1
vote
1
answer
108
views
Bootstrap 4 Collapse state with Font Awesome icon
I have a Bootstrap-table with Expand / Collapse but the start icon is not good.
The start icon when collapsed is "minus" and should be "plus", but if it's cliked 2 times, ...
0
votes
1
answer
117
views
Bootstrap table .js remove event not working
I'm trying to delete row using bootstrap table.
Table:
<table id="checkDataTable">
<thead style="color: #31708f; background-color: #d9edf7 ">
<tr>
...
0
votes
2
answers
274
views
Delete row from table using button - Bootstrap Table
I'm trying the row to be deleted when I click the delete icon in the table using bootstrap table.
My table:
<table id="checkDataTable">
<thead style="color: #31708f; ...