Fresh Bootstrap Table

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?

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?

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

@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!

@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

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.

@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!

@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

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

simply amazing. Thanks

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

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

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

Hello there , Thank you for your great work, I need to use multiple tables in one page , what changes should be made to the second table to function properly ?

This bootstrap table is working .. only the simple table is showing ...

I have copied the code exactly on the Docs page. The table is not styled. The Doc say, "Here are the javascript files that you have to include and the Javascript plugin that you have to call in your page." I am guessing I need to call the Javascript plugin to get get one of the default styles to be applied. Can anyone tell me how to do that pleases. Thank you.

Hi, @husartgp ! Thanks for using our products. Please see on the live preview on inspect element how the library is triggered. Regards, Dragos