Table组件 props

data

• 详情： 表格数据，数组格式

• 必填： 是

• 类型： Array<any>

• 示例：

  [
    { id: 1, name: "张三", age: 20 },
    { id: 2, name: "李四", age: 25 },
  ];

columns

• 详情： 表格列配置

• 默认值： []

• 类型： Array<ColumnConfig>

• 示例：

  [
    { prop: "name", label: "姓名", width: 120 },
    { prop: "age", label: "年龄", width: 80 },
  ];

spanMethod

• 详情： 合并行或列的计算方法

• 默认值： undefined

• 类型： Function

• 参数：

  • { row, column, rowIndex, columnIndex }

• 返回值： [rowspan, colspan] 或 { rowspan, colspan }

• 示例：

  ({ rowIndex, columnIndex }) => {
    if (rowIndex % 2 === 0) {
      if (columnIndex === 0) {
        return [1, 2];
      } else if (columnIndex === 1) {
        return [0, 0];
      }
    }
  };

loading

• 详情： 是否显示加载状态

• 默认值： false

• 类型： boolean

showHeader

• 详情： 是否显示表头

• 默认值： true

• 类型： boolean

bodyHeight

• 详情： Table 的最大高度。合法的值为数字或者单位为 px 的高度

• 默认值： undefined

• 类型： string | number

• 示例：

  bodyHeight: 400;
  bodyHeight: "400px";

emptyText

• 详情： 空数据时显示的文本内容

• 默认值： '暂无数据'

• 类型： string

defaultExpandAll

• 详情： 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效

• 默认值： false

• 类型： boolean

rowkeyName

• 详情： 行数据的 Key，用来优化 Table 的渲染

• 默认值： 'id'

• 类型： string

• 说明： 在使用 reserve-selection 功能与显示树形数据时，该属性是必填的

border

• 详情： 是否显示边框

• 默认值： false

• 类型： boolean