layui 表格各种错乱，多级表头不会整--不要慌看看这个就懂了

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