Skip to content

Bootstrap Table

A JavaScript plugin that adds sorting, pagination, selection and more to HTML tables.

Stars
11.8k
Forks
4.3k
Licence
MIT
Language
JavaScript
Last update
7 days ago
Type
Library

What it is

Bootstrap Table is a JavaScript plugin that turns a plain HTML table into a more feature-rich one, adding things like column sorting, pagination, row selection, and loading data over AJAX. It is designed to work with Bootstrap and, according to its description, other CSS frameworks such as Semantic UI, Bulma, Material Design, Foundation, and Vue.js. Developers use it when they need an interactive data table in a web page without building one from scratch.

  • Add sortable columns and pagination to a table of records loaded from a server via AJAX
  • Let users select one or multiple rows with checkboxes or radio buttons
  • Show and hide columns or headers, and switch rows into a card or detail view
  • Localize table text using the built-in localization feature

Great for

  • Web developers already using Bootstrap who need sortable, paginated tables
  • Teams building admin dashboards or internal tools that display lists of records
  • Developers who want table features configurable through HTML data attributes or JavaScript options

Not ideal for

  • People who only need a static table with no interactivity; plain HTML or CSS is simpler
  • Non-developers looking for a finished app, since this is a code library that must be integrated into a web project
  • Projects needing a framework-agnostic component built for a specific modern UI stack; the README does not describe its fit with current frameworks beyond the listed integrations
Step-by-step guide: how to use Bootstrap TableInstall, first run, examples, tips and FAQs

How to get it

  1. 1

    Install with a package manager

    You'll need: Node.js and npm or Yarn (only if installing via package manager or building locally)

    Install with npm

    npm install bootstrap-table

    Install with Yarn

    yarn add bootstrap-table
  2. 2

    Run it

    • Install bootstrap-table with npm or Yarn, or include it from a CDN link in your page
    • Include Bootstrap CSS and the bootstrap-table script in your HTML page
    • Add a standard HTML table to the page and initialize bootstrap-table on it
    • Open the page in a browser and try sorting and pagination
  3. 3

    Get the most out of it

    • Use the online editor at live.bootstrap-table.com to test configurations before writing code
    • Browse the examples repository at github.com/wenzhixin/bootstrap-table-examples for working patterns
    • Configure the table through data attributes if you prefer markup-driven setup
    • Read the official docs at bootstrap-table.com for extensions and localization options

Downloads

Strengths

  • Widely starred and long-running project under the permissive MIT license
  • Covers common table needs (sorting, pagination, selection, responsive layout) without custom code
  • Installable through npm, Yarn, or a CDN

Trade-offs

  • The README is short and points to external docs and examples for most details
  • Its stated framework integrations (Semantic UI, Bulma, Material Design, Foundation, Vue.js) are not described in depth in the provided README
  • Compatibility with newer Bootstrap versions is not specified in the README text provided

How it compares

ProjectStarsTypeLevelUpdatedBest for
bootstrap-table (this)11.8kLibrarybeginner7 days agoWeb developers already using Bootstrap who need sortable, paginated tables
bootstrap175kLibrarybeginner4 days agoDevelopers building responsive websites or web app interfaces quickly
materialize38.8kLibrarybeginner3 months agoDevelopers building a web page or app who want a Material Design look quickly
bootswatch14.7kLibrarybeginner5 months agoDevelopers who already use Bootstrap and want a different look quickly
tailwindcss98.3kLibraryintermediate4 days agoWeb developers who build their own interfaces and want to avoid writing large custom stylesheets
bulma50kLibrarybeginner2 months agoDevelopers who want a quick, consistent styling baseline for a web page

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.