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,951 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

mrmorcego
  • downloaded
5 months ago

Amazing template! Thanks

ahmedrana
  • downloaded
4 months ago

nice work !

b_iqrar
  • downloaded
4 months ago

That's Great !

artemenkov.igor
  • downloaded
4 months ago

Hey. I use Material Dashboard and Fresh Bootstrap Table. Buttons in the table are not displayed correctly. How to fix. Sorry for my English )

axelut
  • downloaded

@artemenkov.igor thank you for using our products. Please send us a link with the issue and we will give you a quick fix. Best, Alex!
4 months ago

artemenkov.igor
  • downloaded

@axelut . The site works on the local host. Add to the project "Fresh Bootstrap Table" <Link href = "assets /css/material-dashboard.css" rel = "stylesheet" /> And you will see.
4 months ago

elm
  • downloaded
4 months ago

This table looks great as all your other work. Still I have some issues. I'm using this table in a page which uses Material Dashboard template. I have three tables on that page. There are three tabs corresponding to tables, and each table can be viewed under that tab. First issue is none of the tables are using buttons come with JS but the first table. Second issue is, buttons added to table #2 and table #3's toolbar are displayed on table #1. Third issue is about styling. As 'artemenkov.igor' mentioned before, buttons in the table are not displayed correctly. Fourth issue is sourced by 'bootstrap.js' file coming with Fresh Bootstrap Table. When it is activated, all dropdown menus and buttons stop working.

axelut
  • downloaded

Thank you for using our product. Can you please share a link with us so we can check the issues and give you a solution for that? Best, Alex!
4 months ago

elm
  • downloaded

@axelut Thanks for the answer. Here are the .html and custom css codes respectively: https://pastebin.com/Ps0YXaBH https://pastebin.com/HTwZ78ES FYI in this project we are using Flask.
4 months ago

axelut
  • downloaded

Please send a working example, like a fiddle: https://jsfiddle.net/, not the code because we cannot test that code and we don't have experience with Flask. Best, Alex!
4 months ago

damian.chambers
  • downloaded
3 months ago

Any examples of how to use this table with angularjs?

axelut
  • downloaded

@damian.chambers thank you for using our product. Unfortunately, we don't have experience with angularjs so please check this question from StackOverflow: https://stackoverflow.com/questions/24736326/bootstrap-table-and-angularjs-dymanic-content hope that will help. Best, Alex!
3 months ago

damian.chambers
  • downloaded
3 months ago

Thank you @axelut . I will check out that link.

jcy_shoyu
  • downloaded
3 months ago

Very good work ! 1) The action buttons are not working at the start when I load the page. It only works after when I interact with some header menus like the "toggle buton" or the "search bar". Any ideas on how to fix it ? Thanks !

axelut
  • downloaded

@jcy_shoyu thank you for using our snippet. Please initialize the "window.operateEvents" object before you call the "$table.bootstrapTable". Best, Alex!
2 months ago

jcy_shoyu
  • downloaded
3 months ago

2) How do I edit the tooltip for the "search bar", toggle and columns options ?

axelut
  • downloaded

Hmmm...which tooltip?
2 months ago

matheuspiment
  • downloaded
2 months ago

I have one question. How can I have two fresh-bootstrap-table in the same page? I try put them in two different cards for light dashboard, but them lose the toolbar and the pagination.

axelut
  • downloaded

@matheuspiment thank you for using our product. Please check the example from the original product: http://issues.wenzhixin.net.cn/bootstrap-table/#options/multiple-table.html Hope that helps you. Best, Alex!
2 months ago

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.