使用电子表格控件SpreadJS定制外观（四）：合并单元格教程|附代码-控件新闻-慧都网

使用电子表格控件SpreadJS定制外观（四）：合并单元格教程|附代码

转帖|使用教程|编辑：鲍佳佳|2020-07-22 14:03:48.487|阅读 351 次

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

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

相关链接：

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);

本文转载自葡萄城