构成元素

用法

新增行

1. 点击“添加”图标按钮，默认从当前行下方插入一个新行；
2. 允许新增空行，空行条数无限制。

编辑行

1. 鼠标hover或click到表格整行，可编辑项以编辑态展示；

2. 聚焦到具体的 Cell 时，交互和编辑表单保持一致：

• 文本框可直接输入；
• 选择项（下拉框、时间日期选择、级联）使用浮层回填上框；
• 业务组件基础模式使用下拉选择，高级模式使用弹窗选择数据再回填。

状态类型

一、初始状态（默认）

初始状态数据上为空对象，undefined，添加一行空，方便用户编辑，明确可编辑 Cell ； 编辑表格默认为“初始状态”，可通过editable.initEmptyRow属性修改为默认空状态。

1. 初始状态下，第一行默认可编辑；
2. 未填写初始数据的空行，不算有效数据行，不参与数据校验；
3. 点击“-”删除行项会切换到空状态。

二、空状态

空状态数据上为空数据，null，视觉上只有“+ -”占位，用户主动触发添加新行。

1. 空状态下，删除行项操作禁用，不可删除；

三、错误状态

1. 行项内有错误项，视觉上会整行标红，聚焦到具体的错误 Cell 显示错误文本。
2. 错误包含格式、必填项校验

空行校验逻辑

1. 如何算空行
2. 当前行无数据录入
3. 带默认值的数据也算空行
4. 空行不算有效数据行
5. 空行在实际场景提交时，空行不算做有效数据行，提交忽略空行数据
6. 数据校验
7. 空行不参与数据校验
8. 行项用户输入之后，此行参与表格格式、必填校验

快捷键操作