0.1.0 • Published 4 years ago
@fvillard/reacttable v0.1.0
ReactTable
To Do
- add filter by column fonctionnality
- add 'render' function to props header field definition for email
- add 'render' function to props header field definition for web link
- add export fonctionnality
- add pagination fonctionnality
- Add create item button
- Add delete items button
- Fix scroll
- add 'render' function to props header field definition for internal link
- add cog actions list
- add export printable view
- set all fonctionnality facultative
Select Item conception
- change => if selected_items.lenght === showed_item.length to selected_items.lenght >= showed_item.length
- add => if addAllItem conception => add to selectedItemsId only showed id
- add => if removeAllItem conception => remove to selectedItemsId only showed id
Usage
Import
import Table from '@fvillard/reacttable'Declaration
<Table
/>Default props
| Props | Type | Definition | Default value |
|---|---|---|---|
| label | String | Title of table | empty string ('') |
| state | object | Saved state in parent component if exist | empty object ({}) |
| header* | Array | Showed header | empty array ([]) |
| data* | Array | All items before filter and sorter | empty array ([]) |
| onSelectItem | function | Triggered when item checkbox is clicked | function(){} |
| onClickNewItem | function | Triggered when new item button clicked | function(){} |
| onClickDeleteItems | function | Triggered when delete selected item clicked | function(){} |
Header props
| Props | Type | Definition | Default value | Options |
|---|---|---|---|---|
| id* | String | Id of table field | empty string ('') | |
| label* | String | Showed in table header | empty string ('') | |
| type | String | Set filter and sorter type | empty string ('') | number |
| render | String | Set render | empty string ('') | external_link, email |
| headerStyle | object | Style of header field | empty object ({}) | |
| dataStyle | object | Style of data field | empty object ({}) | |
| onClick | function | if set create internal link | function(){} |
0.1.0
4 years ago