Skip to content

Commit

Permalink
doc: 为 table 组件增加 reUseRow 属性说明 (#11610)
Browse files Browse the repository at this point in the history
  • Loading branch information
@ekeyme
ekeyme authored Feb 21, 2025
1 parent e8dd7a8 commit ec00b5c
Showing 1 changed file with 34 additions and 33 deletions.
67 changes: 34 additions & 33 deletions docs/zh-CN/components/table.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2009,39 +2009,40 @@ popOver 的其它配置请参考 [popover](./popover)

## 属性表

| 属性名 | 类型 | 默认值 | 说明 | 版本 |
| ---------------- | -------------------------------------------------------- | ------------------------- | ------------------------------------------------------------------------- | --------------------------------- |
| type | `string` | | `"type"` 指定为 table 渲染器 | |
| title | `string` | | 标题 | |
| source | `string` | `${items}` | 数据源, 绑定当前环境变量 | |
| deferApi | [API](../../docs/types/api) | | 当行数据中有 defer 属性时，用此接口进一步加载内容 |
| affixHeader | `boolean` | `true` | 是否固定表头 | |
| affixFooter | `boolean` | `false` | 是否固定表格底部工具栏 | |
| columnsTogglable | `auto` 或者 `boolean` | `auto` | 展示列显示开关, 自动即：列数量大于或等于 5 个时自动开启 | |
| placeholder | `string` 或者 `SchemaTpl` | `暂无数据` | 当没数据的时候的文字提示 | |
| className | `string` | `panel-default` | 外层 CSS 类名 | |
| showIndex | `boolean` | | 是否展示序号 | 6.11.0 |
| tableClassName | `string` | `table-db table-striped` | 表格 CSS 类名 | |
| headerClassName | `string` | `Action.md-table-header` | 顶部外层 CSS 类名 | |
| footerClassName | `string` | `Action.md-table-footer` | 底部外层 CSS 类名 | |
| toolbarClassName | `string` | `Action.md-table-toolbar` | 工具栏 CSS 类名 | |
| columns | `Array<Column>` | | 用来设置列信息 | |
| combineNum | `number` | | 自动合并单元格 | |
| itemActions | Array<[Action](./action-button)> | | 悬浮行操作按钮组 | |
| itemCheckableOn | [表达式](../../docs/concepts/expression) | | 配置当前行是否可勾选的条件，要用 [表达式](../../docs/concepts/expression) | |
| itemDraggableOn | [表达式](../../docs/concepts/expression) | | 配置当前行是否可拖拽的条件，要用 [表达式](../../docs/concepts/expression) | |
| checkOnItemClick | `boolean` | `false` | 点击数据行是否可以勾选当前行 | |
| rowClassName | `string` | | 给行添加 CSS 类名 | |
| rowClassNameExpr | [模板](../../docs/concepts/template) | | 通过模板给行添加 CSS 类名 | |
| prefixRow | `Array` | | 顶部总结行 | |
| affixRow | `Array` | | 底部总结行 | |
| itemBadge | [`BadgeSchema`](./badge) | | 行角标配置 | |
| autoFillHeight | `boolean` 丨 `{height: number}` 丨 `{maxHeight: number}` | | 内容区域自适应高度，可选择自适应、固定高度和最大高度 | `maxHeight` 需要 `2.8.0` 以上版本 |
| resizable | `boolean` | `true` | 列宽度是否支持调整 | |
| selectable | `boolean` | `false` | 支持勾选 | |
| multiple | `boolean` | `false` | 勾选 icon 是否为多选样式`checkbox`， 默认为`radio` | |
| lazyRenderAfter | `number` | `100` | 用来控制从第几行开始懒渲染行，用来渲染大表格时有用 | |
| tableLayout | `auto` \| `fixed` | `auto` | 当配置为 fixed 时，内容将不会撑开表格，自动换行 | |
| 属性名 | 类型 | 默认值 | 说明 | 版本 |
| ---------------- | -------------------------------------------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------- |
| type | `string` | | `"type"` 指定为 table 渲染器 | |
| title | `string` | | 标题 | |
| source | `string` | `${items}` | 数据源, 绑定当前环境变量 | |
| deferApi | [API](../../docs/types/api) | | 当行数据中有 defer 属性时，用此接口进一步加载内容 |
| affixHeader | `boolean` | `true` | 是否固定表头 | |
| affixFooter | `boolean` | `false` | 是否固定表格底部工具栏 | |
| columnsTogglable | `auto` 或者 `boolean` | `auto` | 展示列显示开关, 自动即：列数量大于或等于 5 个时自动开启 | |
| placeholder | `string` 或者 `SchemaTpl` | `暂无数据` | 当没数据的时候的文字提示 | |
| className | `string` | `panel-default` | 外层 CSS 类名 | |
| showIndex | `boolean` | | 是否展示序号 | 6.11.0 |
| tableClassName | `string` | `table-db table-striped` | 表格 CSS 类名 | |
| headerClassName | `string` | `Action.md-table-header` | 顶部外层 CSS 类名 | |
| footerClassName | `string` | `Action.md-table-footer` | 底部外层 CSS 类名 | |
| toolbarClassName | `string` | `Action.md-table-toolbar` | 工具栏 CSS 类名 | |
| columns | `Array<Column>` | | 用来设置列信息 | |
| combineNum | `number` | | 自动合并单元格 | |
| itemActions | Array<[Action](./action-button)> | | 悬浮行操作按钮组 | |
| itemCheckableOn | [表达式](../../docs/concepts/expression) | | 配置当前行是否可勾选的条件，要用 [表达式](../../docs/concepts/expression) | |
| itemDraggableOn | [表达式](../../docs/concepts/expression) | | 配置当前行是否可拖拽的条件，要用 [表达式](../../docs/concepts/expression) | |
| checkOnItemClick | `boolean` | `false` | 点击数据行是否可以勾选当前行 | |
| rowClassName | `string` | | 给行添加 CSS 类名 | |
| rowClassNameExpr | [模板](../../docs/concepts/template) | | 通过模板给行添加 CSS 类名 | |
| prefixRow | `Array` | | 顶部总结行 | |
| affixRow | `Array` | | 底部总结行 | |
| itemBadge | [`BadgeSchema`](./badge) | | 行角标配置 | |
| autoFillHeight | `boolean` 丨 `{height: number}` 丨 `{maxHeight: number}` | | 内容区域自适应高度，可选择自适应、固定高度和最大高度 | `maxHeight` 需要 `2.8.0` 以上版本 |
| resizable | `boolean` | `true` | 列宽度是否支持调整 | |
| selectable | `boolean` | `false` | 支持勾选 | |
| multiple | `boolean` | `false` | 勾选 icon 是否为多选样式`checkbox`， 默认为`radio` | |
| lazyRenderAfter | `number` | `100` | 用来控制从第几行开始懒渲染行，用来渲染大表格时有用 | |
| tableLayout | `auto` \| `fixed` | `auto` | 当配置为 fixed 时，内容将不会撑开表格，自动换行 | |
| reUseRow | `false` \| `match` | | 默认，当 API 返回数据与当前一致时，不会触发表格行重渲染（省性能但可能导致数据渲染不同步）；为 false，则总会触发重渲染；为 match，尽量复用返回数据中 id 一致的对象，性能可认为是默认和 false 两者的折中 | |

### 列配置属性表

Expand Down

0 comments on commit ec00b5c

Please sign in to comment.