【v15.0】设计器样式问题总结？（41664）

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

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

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

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

参考学习指南：
https://demo.grapecity.com.cn/sp ... -fill-rotate/purejs

Lynn.Dou 发表于 2022-8-4 17:43
测试了下边框线的方式确实有合并单元格的限制，
还有一种思路是用shape来实现视觉上”粗冻结线“的效果， ...

有办法禁止用户对shape（虚拟冻结线）进行大小、拖拽操作吗

测试了下边框线的方式确实有合并单元格的限制，
还有一种思路是用shape来实现视觉上”粗冻结线“的效果，下为示例效果：

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

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

Lynn.Dou 发表于 2022-8-4 14:01
目前没有设置冻结线粗细的接口，您可以参考楼上方案，通过设置粗边框从视觉上实现”粗冻结线“效果。
需要 ...

试了下这种方式会导致有合并单元格时中断 “粗冻结线”

目前没有设置冻结线粗细的接口，您可以参考楼上方案，通过设置粗边框从视觉上实现”粗冻结线“效果。
需要注意，这种方式下，单元格区域外不会显示”冻结线“。

有一个简单粗暴的方法，就是将冻结行列的线先设置为透明色，然后依次为这些区域填充边框，下面的代码以  

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 发表于 2022-8-3 17:47
您好，
目前设计器不支持需求1、2，未提供相关功能，已将此问题作为需求记录下来，
如果后续有相关计划， ...

请问可以修改冻结线的粗细吗？

您好，
目前设计器不支持需求1、2，未提供相关功能，已将此问题作为需求记录下来，
如果后续有相关计划，会在贴中通知您。

需求3：
参考下方代码修改冻结线颜色：

1. sheet.options.frozenlineColor = 'red';

复制代码

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