hangsontable插件合并单元格

641 阅读1分钟

React- handsontable合并单元格

用户编辑hangsontable表格后点击保存需记录当前表格状态,在这里以数组的形式保存单元格数据,,被合并的单元格会以null的形式出现在数组中,再次取出数据渲染时不会自动合并单元格。
   hangsontable提供mergeCells设置对象形式可合并单元格。
   在保存时,根据当前需要保存的表格ID,省察元素节点,遍历得到tr以及子节点td,根据tr生成row,td生成col,被合并的td上会有rowspan或者colspan属性,通过两次遍历tr及子节点的td,得到新数组:
   [{row:第几行,col:第几列,rowspan:合并几行,colspan:合并几列}]
   的形式,并通过filter去除rowspan、colspan都为1的项,并将数组以及单元格内数据保存,
   再次渲染时取出即可。