qwedcxzas 发表于 2024-11-4 18:40:10

v16.2.4 高亮行列

您好,咨询一下,spreadjs有没有类似截图的功能 ,高亮 行列

Wilson.Zhang 发表于 2024-11-5 08:44:35

您好!工具栏中没有对应功能按钮,您可以通过API自定义实现,以图示中的视图效果为例,思路如下:

1. 选中某单元格,通过Worksheet:getActiveRowIndex()和Worksheet:getActiveColumnIndex()分别获取当前活动行和列索引。
2. 对当前行、列分别设置样式,根据业务需要设置样式属性,比如设置背景颜色为蓝色。
3. 对当前活动单元格,设置不同的样式以区别,如设置背景颜色为白色,边框为绿色。

可以参考官网教程了解行列样式设置详情:https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/cells/basic-style/purejs

Wilson.Zhang 发表于 2024-12-2 14:25:31

您好!SpreadJS支持通过条件格式设置您想要的行列状态,具体通过设置行状态(addRowStateRule)和列状态(addColumnStateRule),如下动图所示:


关于行列交叉的单元格,可以监听ActiveCellChanged事件,事件触发是对活动单元格设置悬浮状态时的样式为背景色空白,如下动图所示:


可以参考管那个教程里了解单元格状态和行列状态:
单元格状态--https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/cells/cell-state/introduction/purejs
行列状态--https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/cells/cell-state/row-column-states/purejs

qwedcxzas 发表于 2024-12-2 14:42:42

好的,感谢:handshake

Joestar.Xu 发表于 2024-12-2 15:26:34

不客气,那就先结贴了,后续有其他问题的话随时开新帖提问哈。

Wilson.Zhang 发表于 2024-12-2 17:14:01

qwedcxzas 发表于 2024-12-2 14:42
好的,感谢

不客气!问题即已解决,那就结帖了。如有新问题,欢迎发新帖沟通。
{:5_110:}
页: [1]
查看完整版本: v16.2.4 高亮行列