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

收藏

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

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

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

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

此时我们将border设置为undefined

tablestyle.footerRowStyle().borderTop = undefined;
tablestyle.headerRowStyle().borderBottom = undefined;
tablestyle.wholeTableStyle().borderBottom = undefined;

复制代码

对应的边框就消失了

		自动登录	找回密码
密码			立即注册

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

0 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证