动态表头且可以修改排列的表格，表头多级、合并、排序状态、hover失效问题

vue一般处理数据更新，页面回显失败问题，通常手段是：

1. v-if
2. this.$forceUpdate()
3. 表格内置方法this.$refs.table.doLayout()
4. 添加key
5. this.$router.go(0)

我为了处理多级表头列调整及合并、表体单元格合并，试了上面1的方式，视觉上不友好。2、3的方式，无效，最后选中4的方式。

这种方式导致了一些视图更新上的问题：

• hover在第一次更新时有效，后面再次更新数据失效。解决方法：

                

• 排序状态不显示，解决方法：
  • 对应排序列设置sortable=“customer”
  • 表格设置sort-change方法记录修改的列和排序
  • 表格设置default-sort 属性设置默认的排序列和排序顺序