ReactTable

To Do

• [X] add filter by column fonctionnality
• [X] add 'render' function to props header field definition for email
• [X] add 'render' function to props header field definition for web link
• [X] add export fonctionnality
• [X] add pagination fonctionnality
• [X] Add create item button
• [X] Add delete items button
• [ ] Fix scroll
• [X] 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(){}||