1.0.0-rc.42 • Published 1 year ago

@wasable/react-component-list v1.0.0-rc.42

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

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

PropertyTypeRequiredDefaultDescription
stripedboolnotruestripe color the odd rows
highlightOnHoverboolnofalseif rows are to be highlighted on hover
denseboolnofalsecompacts the row height
darkModeboolnofalse...
noTableHeadingsboolnofalsehides the the sort columns and titles
responsiveboolnotrueTRUE : Cards / FALSE : horizontally scroll
columnsarrayyes[]The column configuration
dataarrayno[]List data
headerobjectno{}The column configuration
sortobjectno{}The column configuration
searchobjectno{}The column configuration
actionsobjectno{}The column configuration
paginationobjectno{}The column configuration
classNamestringnooverride the className on the TableList wrapper
styleobjectnooverride the style on the TableList wrapper

2 - Columns

PropertyTypeRequiredDefaultDescription
stripedboolnotruestripe color the odd rows
highlightOnHoverboolnofalseif rows are to be highlighted on hover
denseboolnofalsecompacts the row height
darkModeboolnofalse...
noTableHeadingsboolnofalsehides the the sort columns and titles
responsiveboolnotrueTRUE : Cards / FALSE : horizontally scroll
columnsarrayyes[]The column configuration
dataarrayno[]List data
headerobjectno{}The column configuration
sortobjectno{}The column configuration
searchobjectno{}The column configuration
actionsobjectno{}The column configuration
paginationobjectno{}The column configuration
classNamestringnooverride the className on the TableList wrapper
styleobjectnooverride the style on the TableList wrapper