TABLE LIST

TABLE LIST INSTALL

-- Repository available on npm : @wasable/react-form-component

-- To import component : import { TableList } from '@wasable/react-form-component'

-- Don't forget to import scss on an high level component : import '@wasable/react-form-component/styles/allInOne.scss'

TABLE LIST PROPERTIES

1 - Basic

| Property | Type | Required | Default | Description | | ---------------- | ------ | -------- | ------- | ----------------------------------------------- | | striped | bool | no | true | stripe color the odd rows | | highlightOnHover | bool | no | false | if rows are to be highlighted on hover | | dense | bool | no | false | compacts the row height | | darkMode | bool | no | false | ... | | noTableHeadings | bool | no | false | hides the the sort columns and titles | | responsive | bool | no | true | TRUE : Cards / FALSE : horizontally scroll | | columns | array | yes | [] | The column configuration | | data | array | no | [] | List data | | header | object | no | {} | The column configuration | | sort | object | no | {} | The column configuration | | search | object | no | {} | The column configuration | | actions | object | no | {} | The column configuration | | pagination | object | no | {} | The column configuration | | className | string | no | | override the className on the TableList wrapper | | style | object | no | | override the style on the TableList wrapper |

2 - Columns

| Property | Type | Required | Default | Description | | ---------------- | ------ | -------- | ------- | ----------------------------------------------- | | striped | bool | no | true | stripe color the odd rows | | highlightOnHover | bool | no | false | if rows are to be highlighted on hover | | dense | bool | no | false | compacts the row height | | darkMode | bool | no | false | ... | | noTableHeadings | bool | no | false | hides the the sort columns and titles | | responsive | bool | no | true | TRUE : Cards / FALSE : horizontally scroll | | columns | array | yes | [] | The column configuration | | data | array | no | [] | List data | | header | object | no | {} | The column configuration | | sort | object | no | {} | The column configuration | | search | object | no | {} | The column configuration | | actions | object | no | {} | The column configuration | | pagination | object | no | {} | The column configuration | | className | string | no | | override the className on the TableList wrapper | | style | object | no | | override the style on the TableList wrapper |