Fresh Bootstrap Table
Icon html
Icon bootstrap

😍 Case Study: "How we built from scratch Light Bootstrap Dashboard" on one of the biggest publications on Medium: FreeCodeCamp.

Fresh Bootstrap Table

DataTable Snippet
· 4.80/5 (72 Reviews)

MIT License

10,873 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
29 days 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?
29 days 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
29 days 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!
27 days 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
20 days 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.
20 days 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!
19 days ago

gusbemacbe
  • downloaded
20 days 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

very nice

Design Quality

Code Quality

ENGLISH: Because of the available alphabetical order that I need because Bootstrap misses it. But not ony code quality, but also customisation and design quality, and plus, it is MIT-licenced. ROMANĂ: Daoritã ordinii alfabetică disponibilă cã am nevoie pentru cã Bootstrap nu îl are. Dar nu numai calitatea codului, dar deasemenea personalizarea şi calitatea designului. Şi mai mult, este o licenţă MIT! Scuzaţi-mă pentru erorile gramaticale mele. Sunt din Braziliă. Dar sunt un poliglot surd-născut de 15 limbilor. Studiez catalană, ebraică, georgianã, graecã, latinã, rusã şi alte limbi.