Skip to content

Table ​

Data table component with sorting, filtering, pagination, row selection, and expandable rows.

Basic Usage ​

vue

<TTable :data="data" :columns="columns" />

With Pagination ​

API ​

Props ​

PropTypeDefaultDescription
dataT[][]Table data array
columnsTableColumn[][]Column configuration
row-keystring | Function'id'Unique row identifier
paginationboolean | object—Pagination config
borderedbooleanfalseShow borders
stripedbooleanfalseStriped rows
hoverbooleanfalseHover highlight
sort-bystring—Sort column key
empty-textstring'No data'Empty state text

Column Configuration ​

KeyTypeDescription
keystringData field name
titlestringColumn header text
sortablebooleanEnable sorting
widthstring | numberColumn width
alignstringText alignment
renderFunctionCustom render function