Derrick.Jiao 发表于 2020-12-1 14:04:05

表格标题行和汇总行边框的修改

本帖最后由 DerrickJiao 于 2020-12-1 14:06 编辑

       背景:有小伙伴在做表格的时候,发现表格中还多了几条黑色的线(如下图)。那么如何去除表格的黑色的线,让整个表格更加简洁一些呢?接下来,我来告诉你如何去除。

       在去除之前,我们先搞清楚这个“黑色的线”究竟是什么。我们首先打开学习指南:https://demo.grapecity.com.cn/sp ... /table-style/purejs
将样式改为Light1,打开console,拿到table,获取table的样式


我们可以看到footerRowStyle、headerRowStyle、wholeTableStyle,分别对应为汇总行样式、标题行样式、整体表格样式。我们可以看到下图红框部分依次与第一张图的绿框、黄框、红框对应。


此时我们将border设置为undefined
tablestyle.footerRowStyle().borderTop = undefined;
tablestyle.headerRowStyle().borderBottom = undefined;
tablestyle.wholeTableStyle().borderBottom = undefined;

对应的边框就消失了


页: [1]
查看完整版本: 表格标题行和汇总行边框的修改