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 | objectPagination config
borderedbooleanfalseShow borders
stripedbooleanfalseStriped rows
hoverbooleanfalseHover highlight
sort-bystringSort 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