0.3.7 • Published 7 years ago
@softledger/sl-table v0.3.7
SLTable
From src/SLTable.jsx
Extension of react-table to simplify for our standard use case
| prop | type | default | required | description |
|---|---|---|---|---|
| SubComponent | Function | :x: | Subcomponent to display when a table is expanded | |
| columns | Array | :white_check_mark: | array describing how to display each key in data see react-table for full description | |
| columns[].customFilter | * | :x: | custom filter defined per react-table | |
| columns[].myFilter | Enum('Integer','Number','Date','StringAsInt','Text') | :x: | Predefined filter to use, defaults to 'Text'; | |
| data | Array | :x: | array of objects to display in the table | |
| defaultSorted | Array | :x: | default column to sort by | |
| fetchData | Function | :white_check_mark: | function to be called when we need to fetch new data ie, when page/limit is changed or filtered | |
| getReport | Function | :x: | function which will return a csv of the data if blank, will hide menu buttons | |
| onSaveTableFields | Function | :x: | callback which returns all visible headers useful to store default headers | |
| pageSize | Number | :x: | number of items to show per page | |
| pages | Number | :x: | total # of pages | |
| showMenu | Boolean | true | :x: | whether or not to display the column toggle menu |
| showOverflow | Boolean | false | :x: | true will allow inputs such as dropdowns etc to show |
SelectTable
From src/SelectTable.jsx
Extension of react-table to simplify for our standard use case
| prop | type | default | required | description |
|---|---|---|---|---|
| SubComponent | Function | :x: | Subcomponent to display when a table is expanded | |
| columns | Array | :white_check_mark: | array describing how to display each key in data see react-table for full description | |
| columns[].customFilter | * | :x: | custom filter defined per react-table | |
| columns[].myFilter | Enum('Integer','Number','Date','StringAsInt','Text') | :x: | Predefined filter to use, defaults to 'Text'; | |
| data | Array | :x: | array of objects to display in the table | |
| defaultSorted | Array | :x: | default column to sort by | |
| fetchData | Function | :white_check_mark: | function to be called when we need to fetch new data ie, when page/limit is changed or filtered | |
| getReport | Function | :x: | function which will return a csv of the data if blank, will hide menu buttons | |
| keyField | String | '_id' | :white_check_mark: | column index to store in selection set |
| onSaveTableFields | Function | :x: | callback which returns all visible headers useful to store default headers | |
| pageSize | Number | :x: | number of items to show per page | |
| pages | Number | :x: | total # of pages | |
| renderButton | Function | :white_check_mark: | function which returns a button, called with selection set this.props.renderButton(selection) | |
| selectionColor | String | 'inherit' | :x: | css color to highlight row when selected |
| showMenu | Boolean | true | :x: | whether or not to display the column toggle menu |
| showOverflow | Boolean | false | :x: | true will allow inputs such as dropdowns etc to show |
SimpleTable
From src/SimpleTable.jsx
| prop | type | default | required | description |
|---|---|---|---|---|
| SubComponent | Function | :x: | ||
| columns | Array | :white_check_mark: | ||
| data | Array | :x: | ||
| defaultSorted | Array | :x: | ||
| loading | Boolean | :x: | ||
| reportFileName | String | :x: | ||
| showMenu | Boolean | :x: |
0.3.7
7 years ago
0.3.6
7 years ago
0.3.5
7 years ago
0.3.4
7 years ago
0.3.3
7 years ago
0.3.2
7 years ago
0.3.1
7 years ago
0.3.0
7 years ago
0.2.12
7 years ago
0.2.11
7 years ago
0.2.10
7 years ago
0.2.9
7 years ago
0.2.8
7 years ago
0.2.7
7 years ago
0.2.6
7 years ago
0.2.5
7 years ago
0.2.4
7 years ago
0.2.3
7 years ago
0.2.2
7 years ago
0.2.1
7 years ago
0.2.0
7 years ago
0.1.15
8 years ago
0.1.14
8 years ago
0.1.13
8 years ago
0.1.12
8 years ago
0.1.11
8 years ago
0.1.10
8 years ago
0.1.9
8 years ago
0.1.8
8 years ago
0.1.7
8 years ago
0.1.6
8 years ago
0.1.5
8 years ago
0.1.4
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago
0.1.0
8 years ago