Display tabular data in format.
Display formatted data in rows and columns.
Display sortable formatted data in rows and columns.
Display formatted data in rows and columns with global Searchbar over all columns.
Display formatted data in rows and columns with pagination.
DataTable.Props
Attribute | Description | Type | Default |
---|---|---|---|
data | data source | Array | - |
columns | columns source | Array | - |
sortable | enables sorting | boolean | false |
searchBar | enables global searchbar on top of table | boolean | false |
pagination | enables pagination | boolean | false |
pageSize | page size for pagination | number | 50 |
searchPadding | padding of the searchbar component (rem) | number | 1 |
paginationPadding | padding of the pagination component (rem) | number | 1 |
onClickRow | called when a single row is clicked | Function | - |