找回密码
 立即注册

QQ登录

只需一步,快速开始

zhanglibin

初级会员

28

主题

91

帖子

257

积分

初级会员

积分
257
zhanglibin
初级会员   /  发表于:2021-2-1 15:28  /   查看:2087  /  回复:9
如题:鼠标划过,行头背景色会丢失//设置表体区域背景色
this.sheet.getRange(i, 0, 1, colCount, GC.Spread.Sheets.SheetArea.viewport).backColor(color).foreColor('#fff');
//设置行头区域背景色
this.sheet.getRange(i, 0, 1, colCount, GC.Spread.Sheets.SheetArea.rowHeader).backColor(color).foreColor('#fff');


请问,同样的方法设置viewport区域和rowHeader区域为什么不一样,rowHeader区域设置好的背景色,鼠标划过或悬停,颜色丢失,请问有没有解决方法,还是方法使用有问题,求指教


9 个回复

倒序浏览
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-2-1 15:49:37
沙发
您好,鼠标滑过行头背景色消失是因为在SpreadJS中有悬浮背景色,鼠标悬浮后会有一个样式出现,如您想修改您可以用css样式覆盖即可。参考这个链接
https://demo.grapecity.com.cn/Sp ... #/demos/customTheme
回复 使用道具 举报
zhanglibin
初级会员   /  发表于:2021-2-1 16:13:19
板凳
DerrickJiao 发表于 2021-2-1 15:49
您好,鼠标滑过行头背景色消失是因为在SpreadJS中有悬浮背景色,鼠标悬浮后会有一个样式出现,如您想修改您 ...

首先感谢您的解答。
请问一下,有没有js的API可以覆盖这个css的默认样式,我这边涉及到动态修改不同行的颜色,css的class可能无法满足需求
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-2-1 16:19:25
地板
zhanglibin 发表于 2021-2-1 16:13
首先感谢您的解答。
请问一下,有没有js的API可以覆盖这个css的默认样式,我这边涉及到动态修改不同行的 ...

不用客气的,目前没有这样的API,只能通过复写.gc-columnHeader-hover的样式来实现。
回复 使用道具 举报
zhanglibin
初级会员   /  发表于:2021-2-1 17:18:29
5#
DerrickJiao 发表于 2021-2-1 16:19
不用客气的,目前没有这样的API,只能通过复写.gc-columnHeader-hover的样式来实现。

那再问您一下,点击某个单元格,行头样式也会改变,控制这个行头的css的class类名是什么?.gc-rowHeader-selected?.gc-rowHeader-highlight?好像改了都不生效
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-2-1 17:28:30
6#
zhanglibin 发表于 2021-2-1 17:18
那再问您一下,点击某个单元格,行头样式也会改变,控制这个行头的css的class类名是什么?.gc-rowHeader- ...

您可以用.gc-rowHeader-highlight
image.png259071044.png
回复 使用道具 举报
zhanglibin
初级会员   /  发表于:2021-2-1 17:34:41
7#
本帖最后由 zhanglibin 于 2021-2-1 17:40 编辑
DerrickJiao 发表于 2021-2-1 17:28
您可以用.gc-rowHeader-highlight

并不能满足需求,还是谢谢你
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-2-1 17:38:51
8#
zhanglibin 发表于 2021-2-1 17:34
并不能生效,还是谢谢你

不用客气,您看下是否是行头的背景色覆盖了,调整一下样式的优先级。我这边测试是可以的
回复 使用道具 举报
zhanglibin
初级会员   /  发表于:2021-2-1 17:41:54
9#
DerrickJiao 发表于 2021-2-1 17:38
不用客气,您看下是否是行头的背景色覆盖了,调整一下样式的优先级。我这边测试是可以的

嗯,样式可以生效,但是没办法满足需求。
我的需求是点击高亮行,再次点击取消高亮,加了这个class就一直高亮了
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-2-1 17:51:08
10#
zhanglibin 发表于 2021-2-1 17:41
嗯,样式可以生效,但是没办法满足需求。
我的需求是点击高亮行,再次点击取消高亮,加了这个class就一 ...

或者您可以尝试监听CellClick事件,有单元格点击时,用js去修改gc-rowHeader-highlight这个类名的样式
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部