@xwink/ui

    Table

    数据表格。没有 Reka 对应物(纯展示、无交互状态机),统一处理加载、空数据、排序和可选分页;传入 total 时自动组合 XPagination。

    单元格默认直出字段值,需要自定义时用 cell-<key> 插槽(拿 row 与 value)。

    基础

    列配置 + 对齐
    名称服务商预算额度
    通用助手DeepSeek¥ 200 / 月
    管理端问答OpenAI¥ 50 / 月
    访客接待DeepSeek¥ 500 / 月

    三态

    loading / 空态
    名称状态
    加载中…

    API

    Props

    名称类型默认值说明
    columnsTableColumn[] | undefinedundefined—
    headersTableColumn[] | undefinedundefined—
    itemsTRow[] | undefinedundefined—
    rowsTRow[] | undefinedundefined`rows` 兼容基础表格示例;后台列表优先使用 `items`。
    totalnumber | undefinedundefined—
    loadingboolean | undefinedfalse—
    immediateboolean | undefinedtrue—
    pageSizesnumber[] | undefined[10, 20, 50, 100]—
    emptyTextstring | undefinedundefined—
    loadingTextstring | undefinedundefined—
    rowKeystring | undefined"id"—
    paginationboolean | undefinedundefined—
    overscrollContainboolean | undefinedtrue横向滚动到尽头时把多余位移留在表格内,默认开。关掉之后,触控板横扫到最后一列 还继续扫,余量会交给浏览器变成「后退」手势。确实需要在表格边缘把滚动交还给 页面或宿主时才关。
    pagenumber | undefined1—
    limitnumber | undefined10—
    sortBystring | undefined"createdAt"—
    sortModeTableSortMode | 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]—