Fresh Bootstrap Table
Icon html
Icon bootstrap

Interested in all of our Premium Products? Get the 'Big Bundle' with 95% discount!

Fresh Bootstrap Table

DataTable Snippet
· 4.80/5 (79 Reviews)

MIT License

11,671 Downloads
52 Comments
Regular Support
Lifetime Updates
Release: 2 years ago
Update: 2 years ago
Icon html
Icon bootstrap
Product certified by: Creative Tim

We are here to help you!

52 Web Developers commented on this product

Report issue

rexdarel.andig
  • downloaded
3 months ago

Hi. I have a problem in this. I use Material Dashboard with this table but the problem is..... the table won't properly display, missing toolbar and pagination... I figured out that it might be because we use different js for material dashboard and this table.... jquery-1.11.2.min.js is for the table right? and jquery-3.1.1.min.js is for material dashboard.... How to fix this?

rexdarel.andig
  • downloaded

and it seems like it also interferes with the css of material dashboard.... in short it cant be used with material dashboard... any fix for this beside of not using material dashboard?
3 months ago

rexdarel.andig
  • downloaded

Update: I reorder the imports.. I deleted the jquery-1.11.2.min.js and move the js of the table to the bottom.. it now display the toolbars but... the buttons are not transparent.. check this image https://i.imgur.com/fkLo7U1.png
3 months ago

axelut
  • downloaded

@rexdarel.andig thank you for using our product. We don't recommend mixing of the products because you will have CSS/JS problems. The Dashboard and the Table were build in different periods of time, as you can see from the default libraries. We recommend you to get one of our Dashboards which already have a datatable implemented like this: http://demos.creative-tim.com/material-dashboard-pro/examples/tables/datatables.net.html or this http://demos.creative-tim.com/light-bootstrap-dashboard-pro/examples/tables/bootstrap-table.html. They will save you a lot of time and there will be no errors or compatibility issues. Hope you understand the situation. All the best, Alex!
3 months ago

rexdarel.andig
  • downloaded

@axelut Thank you for the reply. somehow, I was able to work the table with MD. What I'm facing right now is it cannot create two tables in one html file. I am trying to create two tables in the tabs but it seems like only one table works at one html page. Any idea on how to work this? Badly need it. Thank you
2 months ago

rexdarel.andig
  • downloaded

I have to mention also that I changed the id of the two tables: approved-table and pending-table... and also changed it to the javascript but still no luck.
2 months ago

axelut
  • downloaded

@rexdarel.andig you should initialize each table as soon as you change the Tab because, in the beginning, the second tab has display: none, that means it is not visible to the javascript. Fire the init method after the tab is calling the shown.bs.tab event, more details on the official bootstrap documentation: https://getbootstrap.com/docs/3.3/javascript/#tabs-events. Hope this helps. Best, Alex!
2 months ago

gusbemacbe
  • downloaded
2 months ago

@rexdarel.andig, you can fix this problem, following the tutorial from: https://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same-page

You have to be logged in to post a comment. Login here.

Why our customers appreciate us

Design Quality

Design Quality

Intuitive

Design Quality

Awesome!