申明

.[基于 handsontable 二次封装源码]: https://github.com/hf0913/vue-handsontable-element
.[handsontable 官网]: https://handsontable.com/

简要步骤

1. 原表格标签修改为：Handsontable
2. 对于 columns，key 或者 data 属性名都可以用来存放后端字段名
3. 对于 columns 中 type 属性，仅支持：autocomplete、checkbox、date、dropdown、handsontable、numeric、password、text、time，默认为 text，切记不要设置 type 类型为其他值

$3

``html


#### 使用说明 1. 关于下拉框，建议使用【title: "下拉框(优化模式，options 属性或者
source 属性，接受一个回调函数，返回数据字典集合)"】这种类型 2.
获取某一个单元格值：this.core.getDataAtCell(row,col) 3.
获取某一行数据：this.core.getDataAtRow(row) 4.
获取某一列数据：this.core.getDataAtCol(col) 5.
折叠行，https://handsontable.com/docs/7.4.2/demo-nested-rows.html 6.
设置某一个单元格的值：this.core.setDataAtCell(row, col, value,
'标记')，强烈不建议用在批量修改数据 7. 关于 core 获取，可以通过@getCore
方法，查看上面的示例代码，change 方法和 click 方法也会返回 core 对象 8. 请勿使用
setTimeout 来达到视图层更新 9. 修改数据，如果视图没有响应式渲染，请调用
this.core.updateSettings({data: this.tableData}); ##### 注意事项
全局修改该组件样式，会影响严重组件布局与功能，切记～
``