Table
数据表格。没有 Reka 对应物(纯展示、无交互状态机),统一处理加载、空数据、排序和可选分页;传入 total 时自动组合 XPagination。
单元格默认直出字段值,需要自定义时用 cell-<key> 插槽(拿 row 与 value)。
基础
列配置 + 对齐
| 名称 | 服务商 | 预算额度 |
|---|---|---|
| 通用助手 | DeepSeek | ¥ 200 / 月 |
| 管理端问答 | OpenAI | ¥ 50 / 月 |
| 访客接待 | DeepSeek | ¥ 500 / 月 |
三态
loading / 空态
| 名称 | 状态 |
|---|---|
| 加载中… | |
API
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
columns | TableColumn[] | undefined | undefined | — |
headers | TableColumn[] | undefined | undefined | — |
items | TRow[] | undefined | undefined | — |
rows | TRow[] | undefined | undefined | `rows` 兼容基础表格示例;后台列表优先使用 `items`。 |
total | number | undefined | undefined | — |
loading | boolean | undefined | false | — |
immediate | boolean | undefined | true | — |
pageSizes | number[] | undefined | [10, 20, 50, 100] | — |
emptyText | string | undefined | undefined | — |
loadingText | string | undefined | undefined | — |
rowKey | string | undefined | "id" | — |
pagination | boolean | undefined | undefined | — |
page | number | undefined | 1 | — |
limit | number | undefined | 10 | — |
sortBy | string | undefined | "createdAt" | — |
sortMode | TableSortMode | undefined | "DESC" | — |
Emits
| 事件 | 载荷 | 说明 |
|---|---|---|
load | [page: number, limit: number, sortBy: string, sortMode: TableSortMode] | — |
update:page | [value: number] | — |
update:limit | [value: number] | — |
update:sortBy | [value: string] | — |
update:sortMode | [value: TableSortMode] | — |