本帖最后由 Richard.Huang 于 2024-1-29 12:01 编辑
背景
我们之前关于两个相邻单元格,边框应该显示哪一个的问题在单元格边框优先级探讨(一)进行了相关讨论,给大家明确了目前关于相邻单元格的设计。但是之前的文章探讨的仅仅是两个非合并单元格相邻的情况,有用户发现当出现合并单元格时,之前文章中的优先级结论似乎就不起作用了,本期我们就再次深度讨论,在存在合并单元格的情况下,单元格的优先级应该是什么样子的。
原理解释
我们可以查看上一期关于优先级边框的讨论,总的来说就是边框的属性是在单元格上的,两个相邻单元格共同的边框显示效果是两个单元格优先级高的那个。上期我们做了一个对比实验来探讨,本期我们也将使用同样的方式,通过控制变量法分别对粗细、样式、线型进行分别对照,实验的过程本期就不再重述,直接展示对比测试的结果
Excel中: 通过删除F列我们可以很容易得出如下结论:黑色>红色、粗>细、实线>虚线 同样通过删除中间列获取到对应的结果 我们发现,即使存在合并单元格,在Excel中边框的优先级和非合并单元格的边框优先级是一致的,并不会因为单元格的合并收到影响,策略依然是:粗细>虚实>颜色
SpreadJS中: 通过删除F列我们我们发现和第一期的结论有些不一致变成了:非合并单元格>合并单元格,粗>细,实>虚 但是我们发现,当粗细不同时,依然是按照第一期的结论进行,只有当非合并单元格与合并单元格的粗细一致时,才会出现非合并单元格>合并单元格的情况,因此我们的SpreadJS单元格边框优先级完整的策略如下:
测试使用文件 |