Layui.Table.js列宽表头无效

Layui.Table.js列宽表头固定列由于数据权限不一样,只能设置为auto,但表头的列宽还是固定的60px,效果如下。

{ title: ‘Operate’, width:‘auto’, toolbar: ‘#currentTableBar’, align: “center” ,fixed: ‘right’},
Layui.Table.js列宽表头无效_第1张图片

再往右滑动,就会出现错位的情况。
Layui.Table.js列宽表头无效_第2张图片

产生的原因是列头Operate列仍然是60px ,导致列头无法动。
解决办法增加列头的宽度,完成事件done,‘21’是列数,第21列是operate列。调整列宽
Layui.Table.js列宽表头无效_第3张图片
效果正常,此时Operate可以有1个或多个都能自动适用宽度。Layui.Table.js列宽表头无效_第4张图片
Layui.Table.js列宽表头无效_第5张图片

你可能感兴趣的:(layui,table.js,自动列宽)