layui表格更改一列数据_layui数据表格固定头部和第一列、colspan合并列

刚看到原型图的时候，纳尼？不是跟我开玩笑吧，小女子资历尚浅，还真没做过像这样的功能，然后就是各种找度娘，可是都没有找到合适的，很多都是行合并，真的是头疼呀！再纠结是用VUE实现还是用layui实现好，在最后挣扎下，还是选择了用layui。最后加上从各大神的demo中得到的灵感。在这里记录一下，希望可以帮助到有需要的人啦~

移动端展示效果如下：

![]()

1

2

3 layui.use('table', function(){

4 var table = layui.table;

5 //第一个实例

6 table.render({

7 elem: '#demo'

8 ,height:document.body.offsetHeight

9 ,url: './workStatu.json' //数据接口

10 ,cols: [[ //表头

11 {field: 'name', title: '第13周', width:100,fixed: 'left',align:'center'}

12 ,{field: 'vlcc', title: '周一(3月25日)', width:115,align:'center'}

13 ,{field: 'suezmax', title: '周一(3月25日)', width:115,align:'center'}

14 ,{field: 'afra