给dhtmlxGrid增加列合并功能 colspan

最新推荐文章于 2024-05-11 15:56:02 发布

iteye_20030

最新推荐文章于 2024-05-11 15:56:02 发布

阅读量1.1k

点赞数

分类专栏： dHTMLX 文章标签： Excel prototype 脚本 J#

本文介绍了如何在dhtmlxGrid中实现列合并功能，通过自定义的setColspan方法来操作，遵循Excel的单元格合并规则。包括相同范围、包含关系和被包含关系下的合并与取消合并，以及前端和后端交叉合并的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近使用 dhtmlxGrid的时候，需要使用其列合并功能，但是该功能dhtmlXGridObject 的setColspan 方法在GPL版本中并不存在，所以只好自己动手实现。

例子，请参考附件
1、列合并功能的描述
<h3>操作习惯遵从Excel 的单元合并</h3>

<li>为简化列合并操作，模仿excel 的单元格合并。
<li>第一次合并指定范围的列，例如: meregeCellsMainDetail(0,2,3);
<li>相等：如果第二次合并的范围和第一次范围相同,例如: setColspan(0,2,3);是取消合并
<li>包含:如果第二次合并的范围包含第一次范围相同，例如:setColspan(0,2,4);是取消合并
<li>被包含：如果第二次合并的范围被包含在第一次范围内部，例如:setColspan(0,2,2);是取消合并


存在前端交叉的合并
<li>第一次合并指定范围的列，例如: setColspan(0,2,3);
<li>交叉第二次合并指定范围的列，例如: setColspan(0,4,2);是取消合并 </li>


存在后端交叉的合并
<li>第一次合并指定范围的列，例如: setColspan(0,2,3);
<li>交叉第二次合并指定范围的列，例如: setColspan(0,0,3);是取消合并 </li>

 

2.实现脚本
/*******************
d