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
| Prop | Type | Default | Description |
|---|---|---|---|
data | T[] | [] | Table data array |
columns | TableColumn[] | [] | Column configuration |
row-key | string | Function | 'id' | Unique row identifier |
pagination | boolean | object | — | Pagination config |
bordered | boolean | false | Show borders |
striped | boolean | false | Striped rows |
hover | boolean | false | Hover highlight |
sort-by | string | — | Sort column key |
empty-text | string | 'No data' | Empty state text |
Column Configuration
| Key | Type | Description |
|---|---|---|
key | string | Data field name |
title | string | Column header text |
sortable | boolean | Enable sorting |
width | string | number | Column width |
align | string | Text alignment |
render | Function | Custom render function |