๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ Creative Tim UI - 300+ shadcn/ui Blocks & Components Ready for v0, Lovable, Replit.

Bootstrap Datagrid

Product description


Probably the most beautiful and complex bootstrap table you've ever seen on the internet, this bootstrap table is one of the essential plugins you will need.

Fresh Bootstrap Table comes with 5 colors and 2 versions: the first one only has a colored header and the second has the entire background colored. They all look great and we suggest you play around with all of them in the live preview to see which one fits you best.

Besides being beautiful, the table is fully functional and its wide range of actions are explained in the tutorial here (https://bootstrap-table.com). Please be sure to check it out if you think you need any extra functionality, everything is covered in the original Bootstrap repo (https://github.com/wenzhixin/bootstrap-table).

Hope you will enjoy using it in your next project. Happy coding!

Product certified by: Creative Tim
Fresh Bootstrap Table - Fully Coded and Responsive HTML5
Fresh Bootstrap Table - Crafted with Bootstrap - the most popular Front End Framework
Downloads
32,705
Version
1.2
Changelog
Updated
6 years ago
Released
10 years ago
Reviews
Star
Handcrafted Elements
0
Customized Plugins
0
Example Pages
0
Community Support
Documentation
Fully Responsive

We are here to help you!

61 Web Developers commented on this product

mrmorcego
  • downloaded
8 years ago

Amazing template! Thanks

ahmedrana
  • downloaded
8 years ago

nice work !

b_iqrar
  • downloaded
8 years ago

That's Great !

artemenkov.igor
  • downloaded
8 years 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 )

alexpaduraru
  • owner

@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!
8 years 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.
8 years ago

elm
  • downloaded
8 years 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.

alexpaduraru
  • owner

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!
8 years 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.
8 years ago

alexpaduraru
  • owner

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!
8 years ago

damian.chambers
  • downloaded
8 years ago

Any examples of how to use this table with angularjs?

alexpaduraru
  • owner

@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!
8 years ago

damian.chambers
  • downloaded
8 years ago

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

jcy_shoyu
  • downloaded
8 years 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 !

alexpaduraru
  • owner

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

jcy_shoyu
  • downloaded
8 years ago

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

alexpaduraru
  • owner

Hmmm...which tooltip?
8 years ago

matheuspiment
  • downloaded
8 years 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.

alexpaduraru
  • owner

@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!
8 years ago

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