mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2026-05-09 01:58:48 +00:00
3eb8cc0614
补全方法的参数类型、返回值类型与详情说明，规范字段编辑器/字段配置/运行时 API 等文档。 Co-authored-by: Cursor <cursoragent@cursor.com>
114 lines
2.0 KiB
Markdown
114 lines
2.0 KiB
Markdown
# Table组件 props
|
||
|
||
## data
|
||
|
||
- **详情：** 表格数据，数组格式
|
||
|
||
- **必填：** 是
|
||
|
||
- **类型：** `Array<any>`
|
||
|
||
- **示例：**
|
||
```js
|
||
[
|
||
{ id: 1, name: "张三", age: 20 },
|
||
{ id: 2, name: "李四", age: 25 },
|
||
];
|
||
```
|
||
|
||
## columns
|
||
|
||
- **详情：** 表格列配置
|
||
- **默认值：** `[]`
|
||
|
||
- **类型：** `Array<ColumnConfig>`
|
||
|
||
- **示例：**
|
||
```js
|
||
[
|
||
{ prop: "name", label: "姓名", width: 120 },
|
||
{ prop: "age", label: "年龄", width: 80 },
|
||
];
|
||
```
|
||
|
||
## spanMethod
|
||
|
||
- **详情：** 合并行或列的计算方法
|
||
- **默认值：** `undefined`
|
||
|
||
- **类型：** `Function`
|
||
|
||
- **参数：**
|
||
- `{ row, column, rowIndex, columnIndex }`
|
||
- **返回值：** `[rowspan, colspan]` 或 `{ rowspan, colspan }`
|
||
|
||
- **示例：**
|
||
```js
|
||
({ 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`
|
||
|
||
- **示例：**
|
||
```js
|
||
bodyHeight: 400;
|
||
bodyHeight: "400px";
|
||
```
|
||
|
||
## emptyText
|
||
|
||
- **详情：** 空数据时显示的文本内容
|
||
- **默认值：** `'暂无数据'`
|
||
|
||
- **类型：** `string`
|
||
|
||
## defaultExpandAll
|
||
|
||
- **详情：** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效
|
||
- **默认值：** `false`
|
||
|
||
- **类型：** `boolean`
|
||
|
||
## rowkeyName
|
||
|
||
- **详情：** 行数据的 Key，用来优化 Table 的渲染
|
||
- **默认值：** `'id'`
|
||
|
||
- **类型：** `string`
|
||
|
||
- **说明：** 在使用 reserve-selection 功能与显示树形数据时，该属性是必填的
|
||
|
||
## border
|
||
|
||
- **详情：** 是否显示边框
|
||
- **默认值：** `false`
|
||
|
||
- **类型：** `boolean`
|