1.有很多帖子都是讲多级表头的讲错乱的,但是实际用到layui的时候你会知道两个问题是在一起的。多级表头不对称,多级表头多出列了,多级表头不会拼呀。博主告诉你的就是冷静冷静冷静!!别敲桌子,慢慢看,一个个解决。
1.首先表头与表格猪蹄不对称-样式就能调整他---就调整样式就完了
在项目有时会出现这种情况,表头和内容主体对不齐,差的正是滚动条的距离。网上有人说需要改源码,然而我按网上说得改了并没有用。我是利用CSS
隐藏了滚动条,解决了对不齐的问题。
上面的解决方法只适合在表格有滚动条的时候,没滚动条时则不需要此`css`,
.layui-table-body {
margin-right: -8px;
/*最好使用百分比,能适应不同分辨率的屏幕*/
}
2.多级表头看着好复杂呀怎么做!没想法,那么好的-----打开你的excel-(ps:打了码实际就是表头的title) 对应看看有几行几列 colspan和rowspan 好好练一练保证你下次在用表格炉火纯青了就!网上这个也有很多教程可看!
3.表头错乱
1. table.render加载完数据之后,再使用table.reload进行数据重载可解决错位的问题
table.reload('test', {
data: data
});
2.tabler.render时,在cols中添加多个数组,colspan=1(默认),造成多余列数据显示。添加这个属性,你会感谢我的~
colGroup: true