Data Table

Display tabular data in format.

Default

Display formatted data in rows and columns.

Sortable

Display sortable formatted data in rows and columns.

Global Searchbar

Display formatted data in rows and columns with global Searchbar over all columns.

Pagination

Display formatted data in rows and columns with pagination.

APIs

DataTable.Props

AttributeDescriptionTypeDefault
datadata sourceArray-
columnscolumns sourceArray-
sortableenables sortingbooleanfalse
searchBarenables global searchbar on top of tablebooleanfalse
paginationenables paginationbooleanfalse
pageSizepage size for paginationnumber50
searchPaddingpadding of the searchbar component (rem)number1
paginationPaddingpadding of the pagination component (rem)number1
onClickRowcalled when a single row is clickedFunction-