基于 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) |