找回密码
 立即注册

QQ登录

只需一步,快速开始

miSpreadjs

注册会员

20

主题

50

帖子

190

积分

注册会员

积分
190
miSpreadjs
注册会员   /  发表于:2023-4-19 20:37  /   查看:1829  /  回复:5
1金币


需求:
在表格中,选中单元格时,表头的样式需要自定义或者取消如下图蓝色背景的选中效果,如果操作?
如下图,当表格中,某一行合并后选中,表头因为做了分组,表头展示的效果就很奇怪。希望在表头因为表格某行某列数据选中后,可以修改触发的“选中”的样式


image.png672920531.png

最佳答案

查看完整内容

没和你说清楚,建议的是你去修改你引用的主题样式中的内容,比如 gc.spread.sheets.excel2013white.15.0.2.css 当然你自己重新添加一个样式也是可以的,但是得确保是后加载的,覆盖原有的样式 你需要设置的是highlight,但是我看到你代码中设置的是normal,那么自然highlight的时候不会生效

5 个回复

倒序浏览
最佳答案
最佳答案
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-4-19 20:37:42
来自 4#
没和你说清楚,建议的是你去修改你引用的主题样式中的内容,比如 gc.spread.sheets.excel2013white.15.0.2.css

image.png413456420.png

当然你自己重新添加一个样式也是可以的,但是得确保是后加载的,覆盖原有的样式

你需要设置的是highlight,但是我看到你代码中设置的是normal,那么自然highlight的时候不会生效
回复 使用道具 举报
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-4-20 19:09:05
2#
看起来你对表头设置了多级表头,单元格被选中时,对应行列头也会被渲染一个选中效果,你可以通过修改主题样式文件,把highlight时的样式改为和normal的颜色一样就行

image.png818574523.png


把hightlight和normal设置的一样
image.png287712401.png
回复 使用道具 举报
miSpreadjs
注册会员   /  发表于:2023-4-20 19:48:10
3#
表头单元格还是在canvas里,通过设置css覆盖没有效果
如下图设置方式无效。

.gc-columnHeader-hover,
.gc-rowHeader-hover,
.gc-columnHeader-selected,
.gc-rowHeader-selected,
.gc-columnHeader-highlight,
.gc-rowHeader-highlight,
.gc-columnHeader-normal,
.gc-rowHeader-normal {
  background-color: #fff !important;
  color: rgb(98 65 65) !important;
}



image.png710081786.png
未选中单元格时,表头样式可以被css采用,但是当第9单元格被选中时,D列表头还是默认的蓝色底。
image.png19214781.png
image.png756185912.png
回复 使用道具 举报
miSpreadjs
注册会员   /  发表于:2023-4-23 18:09:23
5#
背景色生效了,但是文字色和边框底部色还是不生效

image.png689174804.png

代码如图:
image.png671530761.png
回复 使用道具 举报
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-4-24 11:49:03
6#
测试了一下,文字色color是可以修改的,你这边是代码中加了引号的原因才无效的

底框颜色确实无法修改,这个目前没有什么办法
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部