1.2.0 • Published 6 years ago
react-table-tree v1.2.0
English | 简体中文
intro
- A react table component which supports render tree structure data.
- Powered by enable platform team of youzan company.
Demo
the table tree is just as follows.
to achieve the above effect, the code is as follows.
table props and columns props
- table props
| table props | type | required | default |
|---|---|---|---|
| columns | arrayobject | true | |
| datasets | arrayobject | true | |
| rootId | number | true | |
| rowKey | string | false | 'id' |
| loading | element | false | |
| total | object | false | |
| header | object | false | |
| className | string | false | '' |
| style | object | false | {} |
- column props
| column props | type | required | default |
|---|---|---|---|
| title | string | true | |
| name | string | true | |
| bodyRender | node | false | dataname |
- total props
this property can be set the total row in the last row.
| total props | type | required | default |
|---|---|---|---|
| visible | boolean | false | false |
| name | string | false | '合计数据' |
- header props
this property can be set table header fixed, the field of top is the distance to window top. When fixed is true, the feature is open.
| header props | type | required | default |
|---|---|---|---|
| fixed | boolean | false | false |
| top | number | false | 0 |
Contributing
- start the project
yarn webpack-dev- packaging for prod environment
yarn webpack-prodSupport
- react 16.3+
development Environment
- yarn 1.9.4
- node 8.11.2+