基于 Element ui 的可编辑表格组件,提供简单易用的单元格编辑功能。

- 🚀 支持单元格编辑,单元格类型有下拉、输入、按钮获取、共有属性。
- 📊 与 Element ui Table 组件完全兼容
- 🎯 支持自定义验证规则
- 🎯 支持单元格之间配置逻辑关联回显
属性名 |
说明 |
类型 |
默认值 |
data |
表格数据 |
Array |
[] |
columns |
列配置 |
Array |
[] |
editTrigger |
触发编辑的方式 |
'dblclick' / 'click' |
'dblclick' |
validateOnChange |
是否在值变化时验证 |
Boolean |
true |
immediate |
是否立即进入编辑模式 |
Boolean |
false |
属性名 |
说明 |
类型 |
默认值 |
prop |
列属性名称 |
String |
- |
label |
列标题 |
String |
- |
editable |
是否可编辑 |
Boolean |
false |
rules |
验证规则 |
Array |
- |
editor |
自定义编辑器组件 |
Component |
- |
事件名 |
说明 |
参数 |
cell-change |
单元格值变化时触发 |
(row, column, value) |
edit-start |
开始编辑时触发 |
(row, column) |
edit-end |
结束编辑时触发 |
(row, column) |
validate-error |
验证失败时触发 |
(error) |