967 questions
1
vote
2
answers
165
views
`Conflicting assets with the same target path` with `bootstrap-table`
I've updated my developer tools in Windows 11 to use the updated .NET 9/10 of November 2025 update. I have not updated my projects to .NET 10, so the projects are running in .NET 9. I have one ...
- 1,601
1
vote
1
answer
123
views
Content Security Policy (CSP) with Bootstrap Table
I've got a Bootstrap table. I'm trying to get it to work right in my ASP.NET Core Razor page. I keep getting this error when I add the JavaScript for Bootstrap table as I have copied in below. The ...
- 1,601
0
votes
1
answer
111
views
Bootstrap Table plugin: Multiple headers and data-show-columns
Using Bootstrap Table plugin.
I have a table with two header rows, first one is with the actual column names and the other with some additional data.
When I set data-show-columns = "true", ...
- 128
1
vote
2
answers
324
views
How to keep sticky-header bootstrap table inside a div with dynamic data?
I am using bootstrap-table and dynamically adding my datas into the table (including headers)
I have checked below and other related posts but there's no luck.:
how-to-implement-fixed-header-for-table-...
- 23
0
votes
1
answer
41
views
How to highlight current column/header on mouse over?
By default, Bootstrap-Table highlights the current row on mouse over:
https://examples.bootstrap-table.com/
How can I achieve the same with the current column?
(As a matter of fact, it would be even ...
- 691
1
vote
2
answers
34
views
Is there a way to have a generic type use the type of one of it's properties?
If I have a generic type like the following
type Foo<T> = {
propertyA: T[],
propertyB: number,
functionA: (a: T) => void
}
is there a way to infer the type of T based on whatever ...
- 13
0
votes
0
answers
60
views
Unexpected sort order in bootstrap-table
Not sure if I'm doing something dumb or what, but I have a table initialized with data='table'
A header like
<th data-sortable="true" data-field='col_display_name' class="text-center ...
- 759
0
votes
0
answers
121
views
Implementing Server-Side Pagination and Exporting Filtered Data in Laravel Bootstrap Tables
I am developing a feature for data export using Bootstrap Tables in my Laravel application. The data displayed in the Bootstrap table is sourced from an API endpoint in Laravel. The problem arises ...
0
votes
1
answer
142
views
implementing bootstrap-table csv export into angular 15 project
I am trying to implement bootstrab-table table export extension for angular project but havnt been successful so far
https://live.bootstrap-table.com/example/extensions/export.html
Any help or example ...
- 37
0
votes
0
answers
30
views
Cannot sort or filter a date in bootstrap-table [duplicate]
I need your help again. Let me tell you.
I have created a bootstrap-table where one of its columns is a datetime that options filter and sort the data in that same column. But when I filter by a date, ...
- 2,479
0
votes
1
answer
1k
views
Bootstrap Table is not refreshing new data by button but doing by reload
Well, I have configured my bootstrap table to show the refresh button in the toolbar.
data-show-refresh="true"
The data-url table property is correctly configured. Proof of this is that the ...
- 2,479
-1
votes
1
answer
222
views
When entering date in bootstrap-table datepicker it is immediately deleted
I have a column in a bootstrap-table that is a date. And I use a filter on that column.
I have 2 ways to select the date. Clicking on the calendar and selecting the date visually. Or by entering it in ...
- 2,479
1
vote
2
answers
1k
views
Dynamically inject HTML with Angular code, into existing DOM
I am using Bootstrap Tables in an Angular app. To render custom buttons in a cell, I have to write the HTML code from the Angular Component, defining the HTML as a string. However in this way, I can't ...
- 1,132
1
vote
0
answers
27
views
How can we adjust BT table data-height based on screen size?
Can we adjust BT table data height based on screen size no need to page scroll bar vertical and horizontal .
table size auto adjust based on screen size.
I am using Django template.
Thanks,
Gaurav ...
- 21
-1
votes
1
answer
111
views
using Bootstrap-Table in Ionic Angular
I'd like to use Bootstrap Table in my Ionic project. I think it's easy to use and very responsive, so perfect for Hybrid Web App. Moreover I'm porting my Angular project to Ionic, that already uses ...
- 1,132
0
votes
1
answer
46
views
Bt table filter extension:- how to filter dropdown value filter out?
How to filter dropdown value based on new data on first filter.
Like only $0 needned in second dropdown value
Simple table value filter then based on filtered result value dropdown value come to UI.
...
- 21
-1
votes
1
answer
1k
views
Bootstrap table in ASP.NET Core 8 MVC
I am working with an ASP.NET Core 8 MVC project. In my project I need to implement table and I have to use table from https://bootstrap-table.com/ but I can't add this package via Nuget.
In ...
0
votes
2
answers
139
views
Resizing two cards with different contents at the same rate with bootstrap
I'm trying to design an app using bootstrap. The idea of the following code is to create 3 rows inside a container, where the first one will have 2 columns each one with a card.
In the first card (top ...
0
votes
1
answer
467
views
Show data in "bootstrap-table", from the data received from the controller
From the controller in Laravel I send the data to the view in this way
public static function index(): Factory|View
{
$products = Products::where('visible',true)->get();
return ...
- 246
0
votes
1
answer
36
views
When a row is checked, the whole row turns black
When using checkbox in bootstrap-table every row that is selected turns black, how can I manage the colors or a I missing a library or something
bootstrap-table checked
I tried a CSS attribute change ...
- 1
0
votes
1
answer
198
views
Using bootstrap-table I am unable to display the data being retrieved with data-url
I am using bootstrap-table and wish to load JSON data from a URL and display it in the table. I've tried following the library documentation and while I can see that the data is getting loaded ...
1
vote
1
answer
440
views
How to install Bootstrap Table in Nuxt 3
I'm trying to install Bootstrap Table in my Nuxt 3 project and I've tried to follow the steps here in their vue documentation. However i'm not having any success installing it as there isn't a nuxt 3 ...
- 132
1
vote
1
answer
896
views
Bootstrap Table Error with Webpack: Cannot set properties of undefined
I am trying to use the BootstrapTable library with Webpack. It seems related to how Jquery is being handled, but I am not 100% sure.
I am getting the following error (before I even try to add in any ...
- 11
1
vote
1
answer
652
views
Indian currency symbol is not appearing in the PDF export generated from Bootstrap-Table
I utilized bootstrap-table to display my data. However, when I export the content to a PDF format, the Indian currency symbol does not appear in the resulting PDF document.
Example:
<table id="...
1
vote
1
answer
530
views
Accordion Table with Bootstrap issue
I have bootstrap table with accordion
I need hide by default second row
But when I clicked the table moves
How to make the animation and opening smooth, without shifting?
<table class="table ...
- 99
0
votes
1
answer
329
views
Add border-radius to boostrap table
I have this fiddle where I have a bootstrap table, I want to set border-radius to it, but for some reason, I can not apply them. Can some one explain why I can not, and how to do it?
HTML:
<div ...
- 485
0
votes
1
answer
219
views
Vue.js Bootstrap table - pass data between Parent and Child component
I have 2 components: Parent and Child. In both components, I'm using Bootstrap tables and their 'items' and 'fields' come from API. The Child component should pass data (true or false, for each table ...
- 127
1
vote
0
answers
73
views
Wrong data in bootstrap-table with Symfony 6.3.0
I needed bootstrap-table to display my database data in a table, but when refreshing the page, I see the right data then it is changed to other data
Here's my template.html.twig :
<table id="...
- 11
0
votes
1
answer
77
views
How to customize pagination by hiding numbers
I want to customize the bootstrap-table pagination by hiding numbers and show next, previous,first and last like :
enter image description here
I want to customize the bootstrap-table pagination by ...
0
votes
1
answer
106
views
Vue.js Bootstrap table - How to extract IDs of table rows and collect them in a data property
I'm using Vue.js Bootstrap table and I would like to be able to collect each table row id in an Array or Object data property.
Here is an example of a bootstrap table template:
<template v-...
- 127
0
votes
1
answer
532
views
Disabling Toggle Functionality for a Specific Column in Bootstrap Table
I have column toggle functionality enabled on my Bootstrap Table. I would like to disable the toggle functionality for one of the displayed columns on the table. I read the documentation through this ...
- 25
0
votes
1
answer
1k
views
Change Bootstrap-Table Icon
As a start, I would like to change one of the FontAwesome icon on the button in the Bootstrap-Table. For example, I would like to change the columns toggle icon as shown below
I have read the ...
- 25
1
vote
1
answer
45
views
how to use nested map function with bootstrap table?
i am having an error with below code. it shows module build failed. I think the structure is missing some tag
<tbody>
{
ListItems.map((section) =>
<tr ...
0
votes
2
answers
152
views
Vue.js Bootstrap table - how to restrict number of rows
How to show only 1st row from a Bootstrap table and via checkbox to show the rest of the rows? The bootstrap table and checkbox are in different components.
<b-table hover small responsive bordered ...
- 127
1
vote
0
answers
313
views
Rendering detailView in bootstrap-table is not working
I'm attempting to display the detailView feature using the bootstrap-table library through a JavaScript script, but I'm having difficulty understanding why it's not functioning as expected. I've ...
- 45
0
votes
1
answer
419
views
Bootstrap-table, generating a printed report using server side pagination
Looking for ideas/suggestions on how to print the table with using server side pagination. Not surprising using the data-show-print only prints the current page of data in the DOM. However, the ...
- 31
0
votes
1
answer
199
views
Full screen not showing buttons when using custom toolbar
I've come across a weird issue which I'm unsure if it's me or a bug.
Using only basic HTML the problem is occurring when using "data-toolbar="#toolbar" and have "data-show-...
- 1
0
votes
1
answer
1k
views
Setting checkbox state in HTML (checked/unchecked)
this is my table:
https://live.bootstrap-table.com/code/MajesticGray/15539
The checkbox column is rendered this way (given the user id is 2):
<input data-index="0" name="project[...
- 53
1
vote
1
answer
144
views
Bootstrap-Table - 'data-search' delete box-shadow
Can anyone tell me how I can remove the box-shadow from the search box when I click on it?
Although I know how to remove the box-shadow from a class, in CSS, I don't know how to remove the box-shadow ...
1
vote
1
answer
735
views
How can I prevent date format conversion in Excel after Bootstrap Table export?
Here is my bootstrap table:
enter image description here
After exporting to .xls or .csv format, I found that the field 'Enrolled' changed to date format automatically. Here is the excel:
enter image ...
- 11
0
votes
2
answers
122
views
how to add another same pagination with "bootstrap-table-rails"
I'd like to add another same pagination in a single table.
Now a pagination is showed in the bottom of the table but I want another one in the top of the table.
I have searched and I couldn't find ...
- 97
0
votes
1
answer
188
views
How can I handle click events on a Bootstrap table dropdown menu that controls column visibility?
I'm currently building a table with Bootstrap Table. I'm also using the showColumns feature which enables a dropbox to choose which column to show.
Now I need to handle when the user clicks on one of ...
- 3
0
votes
1
answer
1k
views
Using bootstrap-table, how can I format a cell to include a select where the default selected value matches the table data?
I am using bootstrap-table to create a table dynamically from an ajax request that pulls data from our CRM, as well as having fields for input and form submission (per row) which then posts another ...
- 106
0
votes
1
answer
1k
views
Bootstrap table with: Filter Columns and Collapsable Rows
In this Django Project, I attempting to create a Bootstrap Table with collapsible rows and filter columns. I've managed to make the collapsable rows work perfectly, but the column filtering is not ...
- 39
2
votes
1
answer
2k
views
How to use Bootstrap Tables to select several different tags to filter a table to show all records that contain at least one of the selected tags?
I have built a table using Bootstrap Table version 1.21.2, which reads and parses data from a JSON file. Some entries in this table contain multiple tags.
I want to add a filter above the table, which ...
- 21
0
votes
1
answer
709
views
bootstrap-table with symfony 6 throught webpack not compiling
I'm trying to update a symfony project and its nodes plugins. I just discovered that when running my app, I get a webpack error about Uncaught bootstrap (not working after that) table saying
TypeError:...
- 1
0
votes
1
answer
38
views
need to remove first cell top border
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"/>
<br/>
<br/>
<br/>
<table class="table table-bordered text-center ">...
0
votes
1
answer
51
views
How can I make the sort click target the full height of the table heading cell?
How can I make the entire blue rectangle clickable for the sorting thing? I mean, if the text is pretty short, I can only click around the text, but not anywhere inside the blue area. The entire blue ...
- 109
1
vote
0
answers
854
views
Bootstrap-table best approach to develop custom filter
Using Bootstrap-Table (version 1.20 and 1.21.4) i would make a columns dropdown list dependent on another columns selected value.
I've for example 3 columns with the respective drop-down boxes to ...
- 121
0
votes
1
answer
154
views
How to remove underlines for editable cells in Bootstrap-table? X-editable formatting
I am creating a web page with a central table (Bootstrap-table) and some of its columns are editable thanks to X-editable and the Bootstrap-table-editable extension.
My only problem is that I cannot ...
- 691