找回密码
 立即注册

QQ登录

只需一步,快速开始

johnly
初级会员   /  发表于:2020-7-1 09:38  /   查看:3806  /  回复:3
demo见附件

如下图:点击【设置第10行背景色为红色】按钮,此时发现第10行的单元格的边框淡淡的灰色被背景色遮盖住了。
image.png510830993.png


然后点击【设置第10行背景色为白色】按钮,如下图,此时发现,第10行的单元格的边框看起来消失了。
image.png191395262.png


我目前的需求是用户可以自定义某行的背景色,也可以恢复为默认颜色(默认颜色是白色)。

希望实现的效果是如下图:即使设置了行背景,单元格的边框颜色也能看见
image.png390857543.png


或者有没有像excel设置为无填充颜色的方法呢?如下图红框处:
image.png665246581.png

测试设置行背景色.zip

14.2 KB, 下载次数: 194

3 个回复

倒序浏览
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-7-1 11:19:56
沙发
本帖最后由 DerrickJiao 于 2020-7-1 11:41 编辑

您覆盖的不是边框,是网格线,解决办法是直接设置边框即可,这个也是跟Excel是一致的。我已根据您提供的demo进行修改,并且标记了注释。关于您说的无填充效果,也给您在demo中标注出来了,您下载查看即可。
  1. // 设置边框
  2.             let border = new spreadNS.LineBorder()
  3.             border.color = 'gray'
  4.             border.style = spreadNS.LineStyle.thin
  5.             sheet.getRange(-1, -1,1,1).setBorder(border, { all: true }, 1)
复制代码
  1. //无填充效果
  2.             style.backColor = undefined;
复制代码

测试设置行背景色.rar

13.81 KB, 下载次数: 243

回复 使用道具 举报
johnly
初级会员   /  发表于:2020-7-1 14:10:42
板凳
DerrickJiao 发表于 2020-7-1 11:19
您覆盖的不是边框,是网格线,解决办法是直接设置边框即可,这个也是跟Excel是一致的。我已根据您提供的dem ...

试了下,可以了,谢谢。
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-7-1 14:50:55
地板
不客气,有问题欢迎继续到论坛提问。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部