vue项目中使用handsontable总结

今天刚开始使用handsontable，但是结果不尽人意。最后的总结：通过这段时间的使用，觉得该组件提供的文档使用很不方便（把毕生所学的原生js都用上了，太难啦/(ㄒoㄒ)/~~），最终决定不使用该插件了。

1.在表格中实现操作列的效果，点击dropdown的某一项可以获取到该行的数据进行逻辑处理：

实现过程如下（参照文档地址：https://handsontable.com/docs/vue-hot-column/#declaring-a-custom-renderer-as-a-component）

HelloHandSonTable.vue

OperationDropdown.vue

2.改变列样式

一种方式通过cells:

另外一种方式：

3.点击单元格事件及获取单元格的数据

4.国际化

import 'handsontable/dist/languages/zh-CN.js' //引入handsontable语言包

5.合并表头

目前研究的结果是：合并表头只能合并列，不能合并行，效果如下（不太符合我的期望）：

实现代码如下：

6.编辑表格

通过添加钩子函数记录编辑过的数据