【v15.0】设计器样式问题总结？（41664）
本帖最后由 Lynn.Dou 于 2022-10-25 12:18 编辑1、工作表是否能添加自定义气泡
2、工具栏是否能添加自定义气泡
3、冻结窗格后冻结线如何改变颜色？
4、拖拽时边框的样式及颜色如何修改？
您好，
目前设计器不支持需求1、2，未提供相关功能，已将此问题作为需求记录下来，
如果后续有相关计划，会在贴中通知您。
需求3：
参考下方代码修改冻结线颜色：
sheet.options.frozenlineColor = 'red';
需求4：
参考下方链接demo，找到选择框对应的css类，进行相应的样式修改。
https://demo.grapecity.com.cn/Sp ... #/demos/customTheme
Lynn.Dou 发表于 2022-8-3 17:47
您好，
目前设计器不支持需求1、2，未提供相关功能，已将此问题作为需求记录下来，
如果后续有相关计划， ...
请问可以修改冻结线的粗细吗？
本帖最后由 Lynn.Dou 于 2022-8-4 13:58 编辑
有一个简单粗暴的方法，就是将冻结行列的线先设置为透明色，然后依次为这些区域填充边框，下面的代码以sheet.frozenRowCount(4);
sheet.frozenColumnCount(3);
sheet.frozenTrailingRowCount(1, false);
sheet.frozenTrailingColumnCount(1, false);
sheet.options.gridline.showHorizontalGridline = false;
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-4 14:01
目前没有设置冻结线粗细的接口，您可以参考楼上方案，通过设置粗边框从视觉上实现”粗冻结线“效果。
需要 ...
试了下这种方式会导致有合并单元格时中断 “粗冻结线” 测试了下边框线的方式确实有合并单元格的限制，
还有一种思路是用shape来实现视觉上”粗冻结线“的效果，下为示例效果：
关于shape相关方法您可以参考学习指南：
https://demo.grapecity.com.cn/sp ... pes/overview/purejs
其实思路就是将冻结线设置为透明，然后通过其他方式从视觉上实现加粗线条效果，如果您有其他的方案，也可以分享下。
Lynn.Dou 发表于 2022-8-4 17:43
测试了下边框线的方式确实有合并单元格的限制，
还有一种思路是用shape来实现视觉上”粗冻结线“的效果， ...
有办法禁止用户对shape（虚拟冻结线）进行大小、拖拽操作吗 参考学习指南：
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/shapes/customization/shape-fill-rotate/purejs
页:
[1]