如何在SpreadJS中实现合并单元|附代码

SpreadJS是一款基于 HTML5 的纯前端电子表格控件，兼容 450 种以上的 Excel 公式，凭借其 “高性能、跨平台、与 Excel 高度兼容”的产品特性，备受以华为、苏宁易购、天弘基金等为代表的企业用户青睐。SpreadJS 为用户带来亲切的 Excel 使用体验的同时，满足 Web Excel 组件开发、表格文档协同编辑、数据填报、Excel 类报表设计等业务场景，极大降低了企业研发成本和项目交付风险。

点击下载SpreadJS最新试用版

**Spread.Sheets 提供了合并单元格功能。
**你可以使用 addSpan方法以实现 “合并单元格” 功能。 你也可以在行标题栏或列标题栏中添加 Cell Span 区域。如下图所示：

当然，如果你想清除 Cell Span，调用removeSpan即可。

如果你使用 Tab键切换到该合并后的单元格，合并后的单元格将会被当作一个单元格来看待。该合并后的单元格在激活的状态下时，外边框会把整个单元格围起来。

参考代码
以下代码演示了如何在标题栏区域和数据区域创建 Cell Span：

JavaScript:
activeSheet.setRowCount(4,1);
activeSheet.setColumnCount(4,2);
activeSheet.addSpan(0,0,3,3,GC.Spread.Sheets.SheetArea.colHeader);
activeSheet.addSpan(0,0,3,3,GC.Spread.Sheets.SheetArea.rowHeader);
activeSheet.addSpan(0,0,3,3,GC.Spread.Sheets.SheetArea.viewport);

本文转载自葡萄城