---
name: bootstrap-table
summary: "A jQuery-based plugin that turns plain HTML tables into feature-rich data tables for Bootstrap, adding sorting, pagination, row selection, AJAX/JSON loading, card and detail views, localization, and a large extension ecosystem—configurable largely through HTML data attributes."
language: JavaScript
license: MIT
repo: https://github.com/wenzhixin/bootstrap-table
source: https://opensources.dev/resource/bootstrap-table
health: 100
---

# bootstrap-table

A jQuery-based plugin that turns plain HTML tables into feature-rich data tables for Bootstrap, adding sorting, pagination, row selection, AJAX/JSON loading, card and detail views, localization, and a large extension ecosystem—configurable largely through HTML data attributes.

# [Bootstrap Table](https://bootstrap-table.com)

[![Build Status](https://travis-ci.org/wenzhixin/bootstrap-table.svg)](https://travis-ci.org/wenzhixin/bootstrap-table)
[![GitHub version](https://badge.fury.io/gh/wenzhixin%2Fbootstrap-table.svg)](http://badge.fury.io/gh/wenzhixin%2Fbootstrap-table)
[![Donate](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ZDHP676FQDUT6)
[![Backers on Open Collective](https://opencollective.com/bootstrap-table/backers/badge.svg)](#backers)
[![Sponsors on Open Collective](https://opencollective.com/bootstrap-table/sponsors/badge.svg)](#sponsors)
[![Package Quality](https://npm.packagequality.com/shield/bootstrap-table.svg)](https://packagequality.com/#?package=bootstrap-table)

An extended Bootstrap table with radio, checkbox, sort, pagination, extensions and other added features.

To get started, check out:

- [Docs](https://bootstrap-table.com)
- [Examples](https://github.com/wenzhixin/bootstrap-table-examples)
- [Questions/Helps](http://stackoverflow.com/questions/tagged/bootstrap-table)
- [问题/帮助](http://segmentfault.com/t/bootstrap-table)

[**List of donators**](https://github.com/wenzhixin/bootstrap-table/blob/master/DONATORS.md)

## LICENSE

**NOTE:** Bootstrap Table is licensed under [The MIT License](https://github.com/wenzhixin/bootstrap-table/blob/master/LICENSE). Completely free, you can arbitrarily use and modify this plugin. If this plugin is useful to you, you can **Star** this repo, your support is my biggest motive force, thanks.

## 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

## How to get it

### Manual download

Use [Releases page](https://github.com/wenzhixin/bootstrap-table/releases) or [the source](https://github.com/wenzhixin/bootstrap-table/archive/master.zip).

### Yarn

```tsx
yarn add bootstrap-table
```

### Npm

```tsx
npm install bootstrap-table
```

### CDN

You can source bootstrap-table directly from a CDN like [CDNJS](http://www.cdnjs.com/libraries/bootstrap-table) or [bootcss](http://open.bootcss.com/bootstrap-table/) or [jsdelivr](http://www.jsdelivr.com/#!bootstrap.table).

## Contributing

For feature requests, bug reports or submitting pull requests, please ensure you first read [CONTRIBUTING.md](https://github.com/wenzhixin/bootstrap-table/blob/master/CONTRIBUTING.md).

## Reporting Issues

As stated above, please read [CONTRIBUTING.md](https://github.com/wenzhixin/bootstrap-table/blob/master/CONTRIBUTING.md), especially [Bug Reports](https://github.com/wenzhixin/bootstrap-table/blob/master/CONTRIBUTING.md#bug-reports)

And as stated there, please provide an [Online Example](https://live.bootstrap-table.com) when creating issues!

It's really saves much time.

You can also use our examples template via Load Examples button:

[Online Editor](https://live.bootstrap-table.com/)

Your feedback is very appreciated!

## Acknowledgements

Thanks to everyone who have given feedback and submitted pull requests. A list of all the contributors can be found [here](https://github.com/wenzhixin/bootstrap-table/graphs/contributors).
This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].

## Release History

Look at the [Change Log](https://github.com/wenzhixin/bootstrap-table/blob/master/CHANGELOG.md)

## Local develop

To develop bootstrap-table locally please run:

```bash
mkdir bootstrap-table-dev
cd bootstrap-table-dev
git clone https://github.com/wenzhixin/bootstrap-table
git clone https://github.com/wenzhixin/bootstrap-table-examples

yarn add http-server
npx http-server
```

And then open: [http://localhost:8081/bootstrap-table-examples](http://localhost:8081/bootstrap-table-examples)

## Local build

Be sure to use a current version of yarn/npm.
To build bootstrap-table locally please run:

### Yarn

```tsx
yarn install
yarn build
```

### Npm

```tsx
npm install
npm run build
```

Result will appear in `dist` directory.

## PayPal Sponsors

## OpenCollective Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/bootstrap-table#sponsor)]

## OpenCollective Backers

Support this project by becoming a backer. Your image will show up here with a link to your website. [[Become a backer](https://opencollective.com/bootstrap-table#backer)]