浮动的表格如何给表头表元的下边框设置一条其他颜色的线

复制链接 | 收藏本帖

1692

楼主

需求场景：在分析区表格中的表头表元的下边框设置一条其他颜色的线，如图：

实现方法：
方法一：当编辑区中只存在一张表格时，可以直接使用锁定行列的功能，锁定表元为A2表元
当编辑区中存着多张表格时，设置了锁定行列需要计算后点击一下表格才生效，因为使用锁定行列的方法不太方便，那么可以通过以下js脚本实现：

var cols=document.getElementById("GRID1").getElementsByTagName("tr")[1].children.length;//获取GRID1表格第二行的列数
for(i=0;i<cols;i++){
document.getElementById("GRID1").getElementsByTagName("tr")[1].children[i].style="border-top:2px solid blue;"//修改GRID1表格第二行每一列的上边框的颜色
}

复制代码

方法二：也可以使用报表自定义样式，写css实现，代码如下：