复杂表头的单元格合并以及单元格颜色填充问题

一些解决办法:

1.layui自动渲染的表格可以绑定table.render,原因不明,换成方法渲染后解决了问题
解决过程:
(1)后台console输出数据,查看是否绑定;
(2)在绑定后的done函数里增加请求地址url,但是未解决(后debugger发现不往里执行,怎么说的来着,后面补)
(3)用火狐浏览器查看请求状态,xhr请求是否为200
(4)setTimeOut函数,好像很有用,但是不知道怎么用
(5)代码在debugger里好用,不在debugger不好用,考虑是render渲染时机不对,后来发现,刷新时先合并后消失,找到了后面还有一个render,给覆盖掉了,把我的合并方法写在后面的render好用了

2.单元格成功合并了,然后很难看

(1)尝试把
变为.remove()
(2)尝试把单元格的底边border变为none;
(3)发现那个底边其实是表格的边框。。。。颜色消失术!
(4)下午完成后的补充,,,就,,挺突然的

outline的属性与border大体相似。

outline有outline-color,outline-style,outline-style,outline-width,还有一个用于设置偏移位置的属性:outline-offset,当offset为负值时,表示像内偏移多少像素。

outline-color的默认值是黑色,而border-color的默认值是字体的颜色

outline不可以单独设置某一条边,因而它总是闭合的。而border可以单独设置border-top、border-right等

另外,非常重要的一点区别是,outline不影响盒模型,因此它不会破坏文档流,不会影响网页布局。
3.代码里设置根据状态改变一整行的背景颜色,但是由于合并了单元格,所以被合并的单元格属于第一行,跟着第一行的颜色改变,需要去掉第一行和第二行的颜色;
。。。解决方法还挺粗暴的
就在列里直接设置style的background-color为空白

原文地址:https://www.cnblogs.com/aoxinmeng/p/13683792.html