请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Melody

中级会员

29

主题

63

帖子

591

积分

中级会员

积分
591

微信认证勋章

Melody
中级会员   /  发表于:2018-10-15 10:10  /   查看:3880  /  回复:6
image.png815704345.png 如何修改红框选中区域的边框线的颜色

6 个回复

倒序浏览
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-10-15 11:40:29
沙发
您好,可以通过以下代码来设置列头的边框线的样式:

其中,getRange方法的最后一个参数是GC.Spread.Sheets.SheetArea.colHeader

colHeader表示选中的是列头区域,关于表格区域的应用,下边给出了API。

  1. var sheet = spread.getActiveSheet();
  2.         // GC.Spread.Sheets.SheetArea.colHeader 这个参数代表当前range是列头区域
  3.         sheet.getRange(0, 0, 1, 5, GC.Spread.Sheets.SheetArea.colHeader).borderBottom (new GC.Spread.Sheets.LineBorder("red",GC.Spread.Sheets.LineStyle.dotted));
  4.         sheet.getRange(0, 5, 1, 5, GC.Spread.Sheets.SheetArea.colHeader).setBorder(new GC.Spread.Sheets.LineBorder("blue",GC.Spread.Sheets.LineStyle.thick), { all:true },3);
复制代码


设置边框的API地址如下:

http://help.grapecity.com/spread ... ange~setBorder.html

代表表格区域的API如下:

http://help.grapecity.com/spread ... eets.SheetArea.html
回复 使用道具 举报
Melody
中级会员   /  发表于:2018-10-15 14:58:49
板凳
KevinChen 发表于 2018-10-15 11:40
您好,可以通过以下代码来设置列头的边框线的样式:

其中,getRange方法的最后一个参数是GC.Spread.Shee ...

image.png772077636.png 1.{all:true}  ,3是用来做什么的
2. image.png628598937.png 红框选中的部分颜色没有改变
3. image.png674340514.png 区域分组这一块能改变颜色吗
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-10-15 17:26:49
地板
1、您注意看我发的API,{all:true}代表所有边框,3表示渲染区域,此参数默认值为3,可以不传:

2、只要加一个rowHeader的设置即可,我上传一个Demo

3、区域分组无法设置样式。

HeaderBorder.html

1.77 KB, 下载次数: 109

回复 使用道具 举报
Melody
中级会员   /  发表于:2018-10-16 11:47:55
5#
KevinChen 发表于 2018-10-15 17:26
1、您注意看我发的API,{all:true}代表所有边框,3表示渲染区域,此参数默认值为3,可以不传:

2、只要 ...

let rowCount = sheet.getRowCount()
let columnCount = sheet.getColumnCount()
sheet.getRange(0, 0, 1, columnCount, GC.Spread.Sheets.SheetArea.colHeader).setBorder(new GC.Spread.Sheets.LineBorder("#D9D9D9",GC.Spread.Sheets.LineStyle.thin), { all:true })
sheet.getRange(0, 0, rowCount,1, GC.Spread.Sheets.SheetArea.rowHeader).setBorder(new GC.Spread.Sheets.LineBorder("#D9D9D9",GC.Spread.Sheets.LineStyle.thin), { all:true })
可能截的图表达的意思不对  黑颜色的线设置了rowHeader仍然无法改变颜色 用深一点的颜色可以盖住但是仍然会显示黑色、这条线颜色能变吗
image.png782984313.png 红框中的黑线颜色改不掉
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-10-16 16:07:02
6#
我这边做了个Demo,解决了colHeader顶部和rowHeader左侧边框的问题,您看一下是否合适。

HeaderBorder.html

3.25 KB, 下载次数: 93

回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-10-16 16:12:49
7#
对于group样式的更改,可以参考这篇文章:

https://www.grapecity.com.cn/developer/spreadjs/whatsnew
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部