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

Wilson.Zhang

本帖最后由 Wilson.Zhang 于 2024-9-20 08:36 编辑

image.png539200438.png

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

Wilson.Zhang · Wilson.Zhang

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

可以参考官网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，以供参考。

HenryLau · HenryLau

本帖最后由 HenryLau 于 2024-9-19 15:46 编辑

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

这个可以了但是现在遇到了另外一个问题。 image.png166198119.png

如图所示，我要设置目标区域的背景色，我把设置样式的那行代码注释， ffac6f6ad140e0ef121d8ff5d432044c_compress.jpg718662109.png

员工姓名这个单元格的数据就是正常居中的，但是我一把这行代码放开了， 2deda17894253ba0cbb3f499c3366f0d_compress.jpg328891906.png

员工姓名这个单元格的数据就跑到左上角去了这是为什么呢？（员工姓名这个单元格是进行了行合并的，两行合并成一行）

Wilson.Zhang · Wilson.Zhang

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

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

可参考如下代码：

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

复制代码

HenryLau · HenryLau

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

感谢，解决了

Wilson.Zhang · Wilson.Zhang

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

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

		自动登录	找回密码
密码			立即注册

[已处理] 单元格区域起始行和结束行样式设置

最佳答案

5 个回复