找回密码
 立即注册

QQ登录

只需一步,快速开始

sssssss

金牌服务用户

138

主题

351

帖子

1213

积分

金牌服务用户

积分
1213
sssssss
金牌服务用户   /  发表于:2022-8-3 11:06  /   查看:2921  /  回复:8
本帖最后由 Lynn.Dou 于 2022-10-25 12:18 编辑

1、工作表是否能添加自定义气泡

2、工具栏是否能添加自定义气泡

3、冻结窗格后冻结线如何改变颜色?

4、拖拽时边框的样式及颜色如何修改?

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

8 个回复

倒序浏览
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-8-3 17:47:49
沙发
您好,
目前设计器不支持需求1、2,未提供相关功能,已将此问题作为需求记录下来,
如果后续有相关计划,会在贴中通知您。

需求3:
参考下方代码修改冻结线颜色:
  1. sheet.options.frozenlineColor = 'red';
复制代码



需求4:
参考下方链接demo,找到选择框对应的css类,进行相应的样式修改。
https://demo.grapecity.com.cn/Sp ... #/demos/customTheme

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
sssssss
金牌服务用户   /  发表于:2022-8-3 19:48:39
板凳
Lynn.Dou 发表于 2022-8-3 17:47
您好,
目前设计器不支持需求1、2,未提供相关功能,已将此问题作为需求记录下来,
如果后续有相关计划, ...

请问可以修改冻结线的粗细吗?
回复 使用道具 举报
沉沉悬赏达人认证
金牌服务用户   /  发表于:2022-8-4 09:58:29
地板
本帖最后由 Lynn.Dou 于 2022-8-4 13:58 编辑

有一个简单粗暴的方法,就是将冻结行列的线先设置为透明色,然后依次为这些区域填充边框,下面的代码以  
  1. sheet.frozenRowCount(4);
  2.                 sheet.frozenColumnCount(3);
  3.                 sheet.frozenTrailingRowCount(1, false);
  4.                 sheet.frozenTrailingColumnCount(1, false);
  5.                 sheet.options.gridline.showHorizontalGridline = false;
  6.                 sheet.options.gridline.showVerticalGridline = false;
复制代码

为基础进行设置。
sheet.options.frozenlineColor = 'rgba(247, 167, 17,0)';//将颜色设置为透明色
           
let lineBorder1 = new spreadNS.LineBorder('rgb(247, 167, 17)', spreadNS.LineStyle.medium); //设置边框
let range1 = sheet.getRange(0, -1, 4, -1);
let range2 = sheet.getRange(-1, 0, -1, 3);
let range3 = sheet.getRange(sheet.getRowCount()-2, -1, 1, -1);
let range4 = sheet.getRange( -1,sheet.getColumnCount()-2, -1, 1);
range1.setBorder(lineBorder1, { bottom: true });
range2.setBorder(lineBorder1, { right: true });
range3.setBorder(lineBorder1, {bottom: true });
range4.setBorder(lineBorder1, { right: true });

关于边框设置可以参考这个https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/worksheet/borders-gridlines/vue





回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-8-4 14:01:03
5#
目前没有设置冻结线粗细的接口,您可以参考楼上方案,通过设置粗边框从视觉上实现”粗冻结线“效果。
需要注意,这种方式下,单元格区域外不会显示”冻结线“。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
sssssss
金牌服务用户   /  发表于:2022-8-4 14:28:28
6#
Lynn.Dou 发表于 2022-8-4 14:01
目前没有设置冻结线粗细的接口,您可以参考楼上方案,通过设置粗边框从视觉上实现”粗冻结线“效果。
需要 ...

试了下这种方式会导致有合并单元格时中断 “粗冻结线”
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-8-3 11:06:02
7#
测试了下边框线的方式确实有合并单元格的限制,
还有一种思路是用shape来实现视觉上”粗冻结线“的效果,下为示例效果:

关于shape相关方法您可以参考学习指南:
https://demo.grapecity.com.cn/sp ... pes/overview/purejs

其实思路就是将冻结线设置为透明,然后通过其他方式从视觉上实现加粗线条效果,如果您有其他的方案,也可以分享下。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
sssssss
金牌服务用户   /  发表于:2022-8-5 10:41:06
8#
Lynn.Dou 发表于 2022-8-4 17:43
测试了下边框线的方式确实有合并单元格的限制,
还有一种思路是用shape来实现视觉上”粗冻结线“的效果, ...

有办法禁止用户对shape(虚拟冻结线)进行大小、拖拽操作吗
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-8-5 13:44:11
9#
参考学习指南:
https://demo.grapecity.com.cn/sp ... -fill-rotate/purejs

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部