概述
表格组件是用于展示和操作数据的强大工具。它提供了丰富的功能，如排序、筛选、分页、下载数据、行选择、自定义列、可配置操作等，可以满足各种场景下的数据展示需求。
250px|700px|reset
常用功能
引导式搭建
简单几步，帮助你快速生成一个满足基础场景的数据表格
步骤 | 截图 |
Step1: 拖入一个表格组件，点击 「表格生成器」 | 250px|700px|reset |
Step2：选择对象，并勾选字段 | 250px|700px|reset |
Step3：选择想要生成的表格功能 | 250px|700px|reset |
Step4：点击 「生成表格」，一键完成表格增删改查 UI、数据、逻辑的配置 | 250px|700px|reset |
表头吸顶
实现页面吸顶时，表头固定在顶部的诉求
步骤 | 截图 |
Step1：选中表格，找到「交互-表头吸顶」配置
| 250px|700px|reset |
Step2：开启此配置后预览效果
| 250px|700px|reset |
自定义列（插槽）
实现添加自定义列（插槽），并向其内增加自定义组件内容
步骤 | 截图 |
Step1：选中表格，找到「列配置 - 添加自定义列」配置 | 250px|700px|reset |
Step2：向插槽列拖入自定义内容
| 250px|700px|reset |
自定义表头
支持终端用户自定义展示列、列顺序、冻结规则
步骤 | 截图 |
Step1：设置表格默认默认视图/状态下要展示的列 | 250px|700px|reset |
Step2：拖入图标按钮调用组件方法「显示表头配置」 | 250px|700px|reset 点击按钮后的运行效果 250px|700px|reset |
支持「引导式搭建」一键生成表头 | 250px|700px|reset |
表格的属性
截图 | 属性 | 类型 | 默认值 | 描述 |
250px|700px|reset 250px|700px|reset | 数据 | Array<object> | [] | 表格的数据，通常绑定数据请求的结果，例如 { { searchUsers.data.items } } |
| 主键 | string | _id | 数据的唯一标识字段（例如 _id），用于表格批量选择、数据编辑、删除等场景 |
| 列配置 | any[] | [] | - |
| 拓展-顶部栏 | 插槽 | 默认收起 |
|
| 拓展-底部栏 | 插槽 | 默认开启 | |
| 拓展-行拓展 | 插槽 | 默认收起 | |
| 事件 | Array | [] | 见下文表格事件 |
| 允许批量选择 | boolean | false | 开启后，可以批量选择表格 |
| 默认选中行 | string[] | [] | 配置示例 ["key1", "key2"] |
| 树状表格 | boolean | galse | 开启后表格可以接受树状数据，并运行设置表格行前的「树状展开按钮」是否显示 250px|700px|reset |
| 加载中 | boolean | false | 通常绑定数据请求的 loading，例如 { { query1.loading } } |
| 尺寸 |
| Middel | 大中小，改变的表格的文字、单元格边距等，不是改变宽、高 |
| 宽度 | IWidth | 适应 | - |
| 高度 | IHeight | 适应 | - |
| 外边距（高级属性） | [top, right, bottom, left] | [0,0,0,0] | 高级属性 |
| 隐藏 | boolean | false | - |
表格的事件
暴露的状态
表格组件提供了丰富的属性，可以用来配置表格的外观、行为和数据源。
暴露的方法
