More Premium Hugo Themes Premium Vue Themes

Bootstrap Table

An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)

Bootstrap Table

An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)

Author Avatar Theme by wenzhixin
Github Stars Github Stars: 11791
Last Commit Last Commit: May 24, 2025 -
First Commit Created: Jan 15, 2024 -
default image

Overview:

Bootstrap Table is an extended table plugin for Twitter Bootstrap that offers additional features such as radio buttons, checkboxes, sorting, pagination, and various extensions. It is fully customizable and can be used with any version of Bootstrap. The plugin is licensed under The MIT License and is completely free to use and modify. It is compatible with responsive web design and supports scrollable tables with fixed headers. The table can be configured using data attributes and provides options to show/hide columns, headers, and footers. Data can be retrieved in JSON format via AJAX.

Features:

  • Created for Twitter Bootstrap (All versions supported)
  • Responsive web design
  • Scrollable Table with fixed headers
  • Fully configurable via data attributes
  • Show/Hide columns
  • Show/Hide headers
  • Show/Hide footers
  • Get data in JSON format using AJAX
  • Simple column sorting with a click
  • Format column
  • Single or multiple row selection
  • Powerful pagination
  • Card view
  • Detail view
  • Localization
  • Extensions

Installation:

To get started with Bootstrap Table, you have the following options:

  • Manual download: You can download the plugin from the Releases page or the source code.
  • Package managers: You can use Yarn or Npm to install the plugin.
  • CDN: Bootstrap Table can be sourced directly from a CDN like CDNJS or jsdelivr.

Local development:

If you want to develop Bootstrap Table locally, follow these steps:

  1. Run the command yarn or npm to install the required dependencies.
  2. Open the URL http://localhost:8081/bootstrap-table-examples in your browser to access the examples.

Local build:

To build Bootstrap Table locally, make sure you have a current version of Yarn or Npm installed. Then, follow these steps:

  1. Run the command yarn or npm to install the required dependencies.
  2. The compiled result will appear in the dist directory.

Summary:

Bootstrap Table is a versatile table plugin for Twitter Bootstrap that enhances the functionality of tables by offering additional features such as radio buttons, checkboxes, pagination, and sorting. It is easy to install and customize and can be used with any version of Bootstrap. Whether you need a responsive scrollable table or want to show/hide columns, Bootstrap Table provides you with a range of options to meet your requirements. It also supports localization and offers powerful pagination. With its extensions and various customization options, Bootstrap Table is a powerful tool for displaying and managing data in a user-friendly way.