Table
Installation
npx shadcn@latest add https://ui.timkit.cn/r/table.json
Usage
import { Table } from "@/components/ui/table"
Examples
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Outlined Style
Loading preview...
Table · Select all rows
Loading preview...
Table · Select all rows
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Select all
Loading preview...
Table · {columnHeader}
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Drag to reorder
Loading preview...
Table · Select all
Loading preview...
Table · Rows per page
Loading preview...
Table · Select all rows
Loading preview...
Table · Rows per page
Loading preview...
Structured API
Component
table
Logic
none
Runtime Frameworks
ReactVueWeappHTML
Supported Platforms
WebWeChat Mini Program
Configuration
| Prop | Type | Default | Description |
|---|---|---|---|
| logic.provider* | enum (zag | native | none) | none | State and interaction provider used by this component. |
| logic.machine | string | - | Underlying state machine identifier when provider is zag. |
| platforms* | array | Web, WeChat Mini Program | Platforms officially supported by this schema. |
| frameworks* | array | React, Vue, Weapp, HTML | Framework demos/code currently available in registry files. |
| dependencies | array | @timui/core | Runtime package dependencies required by this registry item. |
| optionalPeerDependencies | array | - | Optional peer dependencies used by this registry item. |
| registryDependencies | array | - | Dependent Timkit registry components/hook entries. |
Slots
| Prop | Type | Default | Description |
|---|---|---|---|
| default | slot | - | The table segments |
Parts
| Prop | Type | Default | Description |
|---|---|---|---|
| root* | root | - | The table container |
| header | part | - | The table header (thead) |
| body | part | - | The table body (tbody) |
| footer | part | - | The table footer (tfoot) |
| row | part | - | A table row (tr) |
| head | part | - | A table header cell (th) |
| cell | part | - | A table body cell (td) |
| caption | part | - | The table caption |
This API reference is generated from `/packages/core` component schemas to keep React/Vue/Weapp docs consistent.
Extended notes are not available for this component yet.
On This Page
- Installation
- Usage
- Examples
- Table · Interactive State
- Table · Interactive State
- Table · Interactive State
- Table · Interactive State
- Table · Interactive State
- Table · Outlined Style
- Table · Select all rows
- Table · Select all rows
- Table · Interactive State
- Table · Interactive State
- Table · Interactive State
- Table · Select all
- Table · {columnHeader}
- Table · Interactive State
- Table · Interactive State
- Table · Drag to reorder
- Table · Select all
- Table · Rows per page
- Table · Select all rows
- Table · Rows per page
- API Reference
Table
Installation
npx shadcn@latest add https://ui.timkit.cn/r/table.json
Usage
import { Table } from "@/components/ui/table"
Examples
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Outlined Style
Loading preview...
Table · Select all rows
Loading preview...
Table · Select all rows
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Select all
Loading preview...
Table · {columnHeader}
Loading preview...
Table · Interactive State
Loading preview...
Table · Interactive State
Loading preview...
Table · Drag to reorder
Loading preview...
Table · Select all
Loading preview...
Table · Rows per page
Loading preview...
Table · Select all rows
Loading preview...
Table · Rows per page
Loading preview...
Structured API
Component
table
Logic
none
Runtime Frameworks
ReactVueWeappHTML
Supported Platforms
WebWeChat Mini Program
Configuration
| Prop | Type | Default | Description |
|---|---|---|---|
| logic.provider* | enum (zag | native | none) | none | State and interaction provider used by this component. |
| logic.machine | string | - | Underlying state machine identifier when provider is zag. |
| platforms* | array | Web, WeChat Mini Program | Platforms officially supported by this schema. |
| frameworks* | array | React, Vue, Weapp, HTML | Framework demos/code currently available in registry files. |
| dependencies | array | @timui/core | Runtime package dependencies required by this registry item. |
| optionalPeerDependencies | array | - | Optional peer dependencies used by this registry item. |
| registryDependencies | array | - | Dependent Timkit registry components/hook entries. |
Slots
| Prop | Type | Default | Description |
|---|---|---|---|
| default | slot | - | The table segments |
Parts
| Prop | Type | Default | Description |
|---|---|---|---|
| root* | root | - | The table container |
| header | part | - | The table header (thead) |
| body | part | - | The table body (tbody) |
| footer | part | - | The table footer (tfoot) |
| row | part | - | A table row (tr) |
| head | part | - | A table header cell (th) |
| cell | part | - | A table body cell (td) |
| caption | part | - | The table caption |
This API reference is generated from `/packages/core` component schemas to keep React/Vue/Weapp docs consistent.
Extended notes are not available for this component yet.
On This Page
- Installation
- Usage
- Examples
- Table · Interactive State
- Table · Interactive State
- Table · Interactive State
- Table · Interactive State
- Table · Interactive State
- Table · Outlined Style
- Table · Select all rows
- Table · Select all rows
- Table · Interactive State
- Table · Interactive State
- Table · Interactive State
- Table · Select all
- Table · {columnHeader}
- Table · Interactive State
- Table · Interactive State
- Table · Drag to reorder
- Table · Select all
- Table · Rows per page
- Table · Select all rows
- Table · Rows per page
- API Reference