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: 2 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 (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-09-29T11:25:12.000Z (9 months ago)
• Last Synced: 2024-04-13T04:16:16.531Z (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,258
• Watchers: 29
• Forks: 427
• Open Issues: 540
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Lists

• awesome-grid - react-bootstrap-table2 - Light table for twitter bootstrap. (Specific Libraries / React)
• awesome-react-hooks - React Bootstrap Datatable - Next Generation of react-bootstrap-table. Datatable made easy like never before. (Packages)

README

        
# react-bootstrap-table2

[![Build Status](https://travis-ci.org/react-bootstrap-table/react-bootstrap-table2.svg?branch=master)](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)**