单元格区域起始行和结束行样式设置

  如图所示 我们会对某些行设置特殊样式 如何设置这个范围的起始行的borderTop和结束行的borderBottom的样式。其余的样式不变

您好！可以通过通过CellRange:borderTop()和CellRange:borderBottom()分别对单元格区域设置顶部边框和底部边框。如下动图所示，对选中单元格区域的起始行设置顶部边框、对结束行设置底部边框。


可以参考官网API文档了解详情：
Worksheet:getRange()--https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Sheets.Worksheet#getrange
CellRange:borderTop--https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Sheets.CellRange#bordertop
CellRange:borderBottom--https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Sheets.CellRange#borderbottom

附上demo，以供参考。

Wilson.Zhang 发表于 2024-9-19 11:29
您好！可以通过通过CellRange:borderTop()和CellRange:borderBottom()分别对单元格区域设置顶部边框和底部 ...

这个可以了 但是现在遇到了另外一个问题。 如图所示，我要设置目标区域的背景色，我把设置样式的那行代码注释， 员工姓名这个单元格的数据就是正常居中的，但是我一把这行代码放开了， 员工姓名这个单元格的数据就跑到左上角去了 这是为什么呢？（员工姓名这个单元格是进行了行合并的，两行合并成一行）

HenryLau 发表于 2024-9-19 15:45
这个可以了 但是现在遇到了另外一个问题。如图所示，我要设置目标区域的背景色，我把设置样式的那行代码 ...

由于您之前为”员工姓名“这个单元格设置了合并居中，这个效果作为Style的属性存在，当您新建Style后将其设置在”员工姓名“单元格将发生后Style覆盖前Style，这就导致原来的居中样式消失。一般地，在为单元格设置样式时，为了避免出现类似问题，可以先对单元格尝试获取Style，如果存在则在Style对象上设置属性，然后将其重新设置在单元格上，或者通过Worksheet:paint()刷新页面也能看到样式效果。当单元格上不存在Style或需要重置Style的所有属性时，可以新建Style并将其设置给单元格。

可参考如下代码：

1. var style = sheet.getStyle(row, col) || new GC.Spread.Sheets.Style();
   
2. style.backColor = '#dce5ff';
   
3. style.fontWeight = 'bold';
   
4. sheet.setStyle(row, col, style);

复制代码

Wilson.Zhang 发表于 2024-9-19 17:35
由于您之前为”员工姓名“这个单元格设置了合并居中，这个效果作为Style的属性存在，当您新建Style后将其 ...

感谢，解决了

HenryLau 发表于 2024-9-19 17:58
感谢，解决了

不客气！如有问题，欢迎继续发帖沟通。