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 | — |
overscrollContain | boolean | undefined | true | 横向滚动到尽头时把多余位移留在表格内,默认开。关掉之后,触控板横扫到最后一列 还继续扫,余量会交给浏览器变成「后退」手势。确实需要在表格边缘把滚动交还给 页面或宿主时才关。 |
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] | — |