Fresh Bootstrap Table

Fresh Bootstrap Table

DataTable Snippet
· 4.80/5 (101 Reviews)

MIT License

13,955 Downloads
57 Comments
Regular Support
Lifetime Updates
Release: 2 years ago
Update: 2 years ago
Product certified by: Creative Tim

We are here to help you!

57 Web Developers commented on this product

Report issue

rexdarel.andig
  • downloaded
10 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?
10 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
10 months ago

alexpaduraru
  • 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!
10 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
10 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.
10 months ago

alexpaduraru
  • 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!
10 months ago

gusbemacbe
  • downloaded
10 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

wiktor.wojcik
  • downloaded
5 months ago

I lack support for Now UI Kit. When I try to add a table to my page, everything starts to go wrong. :(

mbwabwa.ivanpeter
  • downloaded
4 months ago

simply amazing. Thanks

shoaib
  • downloaded
3 months ago

I am using this table but problem is this table is not sorting data with date wise can you please advice thanks in advance

mohdsjad918
  • downloaded
2 months ago

Is this the free version to use in commercial website or need to pay for the licence.

ricardogw550
  • downloaded
2 months ago

how to make auto refresh?? please, you guys can help me?

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

Why our customers appreciate us

Design Quality

Nice!!

Design Quality

Design Quality

Good stuff.