0.3.7 • Published 6 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
6 years ago
0.3.6
6 years ago
0.3.5
6 years ago
0.3.4
6 years ago
0.3.3
6 years ago
0.3.2
6 years ago
0.3.1
6 years ago
0.3.0
6 years ago
0.2.12
6 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
7 years ago
0.1.14
7 years ago
0.1.13
7 years ago
0.1.12
7 years ago
0.1.11
7 years ago
0.1.10
7 years ago
0.1.9
7 years ago
0.1.8
7 years ago
0.1.7
7 years ago
0.1.6
7 years ago
0.1.5
7 years ago
0.1.4
7 years ago
0.1.3
7 years ago
0.1.2
7 years ago
0.1.1
7 years ago
0.1.0
7 years ago