组件

OneTable

未提供 columns 时会从首行数据推导列；render 可返回文本或 VNode（例如状态标签）。

姓名	角色	状态
林晚	设计	在线
苏北	前端	忙碌

查看代码收起代码

import { OneTable } from '@geektech/one';

new OneTable({
  data: [
    { name: '林晚', role: '设计' },
    { name: '苏北', role: '前端' },
  ],
  columns: [
    { key: 'name', title: '姓名' },
    { key: 'role', title: '角色' },
  ],
});

空状态

数据为空时渲染一个跨列单元格，展示 emptyText（默认“暂无数据”）。

API

OneTable 属性
名称	签名	说明
`data`	`data?: readonly OneTableRow[]`	表格数据行。
`columns`	`columns?: readonly OneTableColumn[]`	列定义；缺省时从首行推导。
`rowKey`	`rowKey?: string`	用于行标识的字段名，缺省回退到索引。
`striped`	`striped?: boolean`	偶数行斑马纹。
`hover`	`hover?: boolean`	悬停行高亮。
`emptyText`	`emptyText?: string`	空状态文本，默认“暂无数据”。
`ariaLabel`	`ariaLabel?: string`	表格的可访问名称。