Repolode
Submit
wenzhixin

wenzhixin/bootstrap-table

An extended HTML table plugin for Bootstrap and other CSS frameworks, adding sorting, pagination, row selection and extensions.

View on GitHubWebsite
Stars
11,812
Forks
4,335
Open issues
199
Last commit
yesterday

What is it?

Bootstrap Table is a JavaScript plugin that turns a plain HTML table into a feature-rich data grid. It integrates with Bootstrap and also works with Semantic UI, Bulma, Material Design, Foundation and Vue.js, so it fits into projects already built on those frameworks.

Out of the box it provides click-to-sort columns, pagination, single or multiple row selection with checkboxes or radio buttons, show/hide for columns, headers and footers, fixed-header scrolling, and a card view and detail view for each row. Data can be loaded via AJAX in JSON format, and the table can be configured through JavaScript options or HTML data attributes.

The project is MIT licensed and is installable through npm, Yarn or a CDN. Localization and a set of extensions add further functionality, and documentation and an online editor are provided on the project site.

Key features

  • 01Click-to-sort columns and pagination
  • 02Single or multiple row selection with checkboxes or radio buttons
  • 03Show/hide columns, headers and footers
  • 04Fixed-header scrolling and responsive layout
  • 05Card view and detail view for rows
  • 06AJAX data loading in JSON format and localization support

Use cases

  • Adding sortable, paginated data tables to an admin dashboard built with Bootstrap
  • Displaying server-side records loaded via AJAX in a web application
  • Building selectable lists where users pick one or more rows for batch actions

Quick start

  1. 1

    Install the package with npm

    npm install bootstrap-table
  2. 2

    Or install the package with Yarn

    yarn add bootstrap-table

Things to know

  • Depends on Bootstrap or another CSS framework for styling.

Topics

#bootstrap#table#datatable#jquery-plugin#pagination#javascript#css-framework#ui-component#bootstrap-table#bulma

FAQ

What is bootstrap-table?
An extended HTML table plugin for Bootstrap and other CSS frameworks, adding sorting, pagination, row selection and extensions. Bootstrap Table is a JavaScript plugin that turns a plain HTML table into a feature-rich data grid. It integrates with Bootstrap and also works with Semantic UI, Bulma, Material Design, Foundation and Vue.js, so it fits into projects already built on those frameworks.
Is bootstrap-table free to use? What license does it have?
bootstrap-table is open source under the MIT license. Check the license terms before using it in commercial products.
Is bootstrap-table still maintained?
Actively maintained. The last commit to bootstrap-table was on Nov 6, 2026.
What can I use bootstrap-table for?
Adding sortable, paginated data tables to an admin dashboard built with Bootstrap Displaying server-side records loaded via AJAX in a web application Building selectable lists where users pick one or more rows for batch actions
How do I install bootstrap-table?
Install the package with npm: npm install bootstrap-table Or install the package with Yarn: yarn add bootstrap-table
Where can I get bootstrap-table?
The source code and installation instructions are on GitHub: https://github.com/wenzhixin/bootstrap-table

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects

ddnexus / pagy

Agnostic pagination library for plain Ruby that supports offset, keyset, search and calendar paginators across Rails, Sinatra and other frameworks.

Backend & APIs#ruby#pagination#rails
5K447RubyMITWell maintainedUpdated yesterday