Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://react-bootstrap-table.github.io/react-bootstrap-table2/
Next Generation of react-bootstrap-table
https://react-bootstrap-table.github.io/react-bootstrap-table2/
grid react react-bootstrap-components react-bootstrap-table react-table table
Last synced: 3 months ago
JSON representation
Next Generation of react-bootstrap-table
- Host: GitHub
- URL: https://react-bootstrap-table.github.io/react-bootstrap-table2/
- Owner: react-bootstrap-table
- License: mit
- Created: 2017-08-13T07:28:01.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-09-29T11:25:12.000Z (over 1 year ago)
- Last Synced: 2024-11-16T02:34:31.809Z (3 months ago)
- Topics: grid, react, react-bootstrap-components, react-bootstrap-table, react-table, table
- Language: JavaScript
- Homepage: https://react-bootstrap-table.github.io/react-bootstrap-table2/
- Size: 17.2 MB
- Stars: 1,265
- Watchers: 28
- Forks: 431
- Open Issues: 541
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-hooks - React Bootstrap Datatable - Next Generation of react-bootstrap-table. Datatable made easy like never before. (Packages)
README
# react-bootstrap-table2
[](https://travis-ci.org/react-bootstrap-table/react-bootstrap-table2)
Rebuild of [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table)
> Note that `react-bootstrap-table2`'s npm module name is [**`react-bootstrap-table-next`**](https://www.npmjs.com/package/react-bootstrap-table-next) due to the name being already taken.
`react-bootstrap-table2` separates some functionalities from its core modules to other modules as listed in the following:
- [`react-bootstrap-table-next`](https://www.npmjs.com/package/react-bootstrap-table-next)
- [`react-bootstrap-table2-filter`](https://www.npmjs.com/package/react-bootstrap-table2-filter)
- [`react-bootstrap-table2-editor`](https://www.npmjs.com/package/react-bootstrap-table2-editor)
- [`react-bootstrap-table2-paginator`](https://www.npmjs.com/package/react-bootstrap-table2-paginator)
- [`react-bootstrap-table2-overlay`](https://www.npmjs.com/package/react-bootstrap-table2-overlay)
- [`react-bootstrap-table2-toolkit`](https://www.npmjs.com/package/react-bootstrap-table2-toolkit)
Not only does this reduce the bundle size of your apps but also helps us have a cleaner design to avoid handling too much logic in the kernel module(SRP).
## Migration
If you are coming from the legacy [`react-bootstrap-table`](https://github.com/AllenFang/react-bootstrap-table/), please check out the [migration guide](./docs/migration.md).
## Usage
See [getting started](https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/getting-started.html).
## Online Demo
See `react-bootstrap-table2` [storybook](https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html).
## Development
Please check the [development guide](./docs/development.md).
## Running storybook example on your local machine
```sh
# Clone the repo
$ git clone https://github.com/react-bootstrap-table/react-bootstrap-table2.git
# change dir to the cloned repo
$ cd react-bootstrap-table2
# Install all dependencies with yarn
$ yarn install
# Start the stroybook server, then go to localhost:6006
$ yarn storybook
```
**Storybook examples: [`packages/react-bootstrap-table2-example/examples`](https://github.com/react-bootstrap-table/react-bootstrap-table2/tree/master/packages/react-bootstrap-table2-example/examples)**