|
9 | 9 | [![peerDependency Status][peer-deps-badge]][peer-deps]
|
10 | 10 | It's a [react.js](http://facebook.github.io/react/) table for bootstrap, named react-bootstrap-table. It's a configurable, functional table component and make you build a Bootstrap Table more efficiency and easy in your React application, However ```react-bootstrap-table``` support these features:
|
11 | 11 |
|
12 |
| -- Striped, Borderless, Condensed table |
13 |
| -- Column align, hidden, width, sort, title, styling |
14 |
| -- Scrolling table |
| 12 | +- Striped, borderless, condensed table |
| 13 | +- Column align, hidden, width, sort, title, styling, customization |
| 14 | +- Table scrolling |
15 | 15 | - Cell format
|
16 | 16 | - Pagination
|
17 | 17 | - Row selection
|
18 |
| -- Column filter with multi type |
19 |
| -- Cell edit with multi type editor |
| 18 | +- Table Search, Column filter |
| 19 | +- Cell editor |
20 | 20 | - Insert & delete Row
|
21 |
| -- Table, row and column styling |
22 |
| -- Search |
23 | 21 | - Export to CSV
|
24 | 22 | - Rich function hooks
|
25 |
| -- Header colum span |
| 23 | +- Header column span |
26 | 24 | - Remote mode
|
27 |
| -- Expandable row |
28 |
| -- Key board Navigation |
29 |
| -- Customization |
| 25 | +- Row expand |
| 26 | +- Key board navigation |
30 | 27 |
|
31 | 28 | 
|
32 |
| -Explore more example on [examples](https://github.com/AllenFang/react-bootstrap-table/tree/master/examples/js) folder</br> |
33 |
| -See more about [react-bootstrap-table](http://allenfang.github.io/react-bootstrap-table/index.html).</br> |
34 |
| -Check [this](http://allenfang.github.io/react-bootstrap-table/advance.html) for more advance usage for ```react-bootstrap-table```. Feel free to ask more examples.</br> |
| 29 | +See more about [react-bootstrap-table](http://allenfang.github.io/react-bootstrap-table/index.html) and explore more examples on [examples](https://github.com/AllenFang/react-bootstrap-table/tree/master/examples/js) folder</br> |
35 | 30 | Check the <a href='https://github.com/AllenFang/react-bootstrap-table/blob/master/CHANGELOG.md'>CHANGELOG</a> for more detail release notes.
|
36 | 31 |
|
37 | 32 | ## Notes
|
38 |
| -***`v4.0.0-beta.1` published, this release is for replacing `react-toastr` with `react-s-alert`, check [PR#1216](https://github.com/AllenFang/react-bootstrap-table/pull/1216) and after `v4.0.0`, `react-bootstrap-table` will use `react-s-alert` for notification*** |
39 |
| - |
40 |
| -***```v3.0.0``` released, check [examples](https://github.com/AllenFang/react-bootstrap-table/tree/v3.0.0-dev/examples/js/custom) to learn how to customize the component. following |
41 |
| -is the major things we completed in this release*** |
42 |
| -- Remove the `bootstrap.js` and `jQuery` dependencies |
43 |
| -- More easy and have ability to customize the components(search, pagination, insert modal etc.) |
44 |
| -- Key board Navigation |
| 33 | +***`v4.0.0` released, this release mainly replace `react-toastr` with `react-s-alert`*** |
| 34 | +1. Replace `react-toastr` by `react-s-alert` |
| 35 | +2. Use `prop-types` |
| 36 | +3. Support `bootstrap@4` and `bootstrap@3` both |
| 37 | +4. No important features were implemented, most of bug fixes and improvement |
45 | 38 |
|
46 | 39 | ***After ```v2.4.4```, we move the css files to ```dist``` folder for allowing this repo can be hosted on [cdnjs](https://github.com/cdnjs/cdnjs)<br/>***
|
47 | 40 |
|
@@ -102,11 +95,9 @@ The UMD build is also available on [npmcdn](https://npmcdn.com):
|
102 | 95 | ```
|
103 | 96 |
|
104 | 97 | ### c.Import CSS
|
105 |
| -Finally, you need to import the css file to your app, there are two css file you can choose.</br> |
106 |
| -```react-bootstrap-table-all.min.css``` include toastr.</br>```react-bootstrap-table.min.css``` doesn't include toastr.</br> |
107 |
| -**Notes: react-bootstrap-table use toastr to alarm some message to user.** |
| 98 | +Finally, you need to import the css file to your app: |
108 | 99 | ```html
|
109 |
| -<link rel="stylesheet" href="./dist/react-bootstrap-table-all.min.css"> |
| 100 | +<link rel="stylesheet" href="./dist/react-bootstrap-table.min.css"> |
110 | 101 | ```
|
111 | 102 | The CSS files you can find in the css folder.
|
112 | 103 |
|
@@ -137,7 +128,7 @@ React.render(
|
137 | 128 | );
|
138 | 129 | ```
|
139 | 130 | ### More react-bootstrap-table examples
|
140 |
| -The example source codes is in the [examples](https://github.com/AllenFang/react-bootstrap-table/tree/master/examples) folder. Run the following commands for a live demo.</br> |
| 131 | +The example source codes are in the [examples folder](https://github.com/AllenFang/react-bootstrap-table/tree/master/examples) folder. Run the following commands for a live demo.</br> |
141 | 132 | ```bash
|
142 | 133 | $ git clone https://github.com/AllenFang/react-bootstrap-table.git
|
143 | 134 | $ cd react-bootstrap-table
|
|
0 commit comments