layui表头宽度和表格一致_layui表格如何把表头固定

layui表格如何把表头固定

发布时间：2020-09-21 09:58:37

来源：亿速云

阅读：126

作者：小新

小编给大家分享一下layui表格如何把表头固定，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

使用layui流加载，CSS解决如何固定表头，以及解决表格表头和表格内容对不齐问题。

HTML代码：

@for(var item in zkColumnDescs){

@if(item.field != 'equipId'){

${item.title}

@}

@}

js代码：layui.use('flow', function () {

var flow = layui.flow;

flow.load({

elem: '#LAY_demo1' //流加载容器

, scrollElem: '#LAY_demo1' //滚动条所在元素，一般不用填，此处只是演示需要。

, done: function (page, next) { //执行下一页的回调

var fields = [];

$.each($("input[type='hidden']"), function (i, o) {

fields.push($(o).val());

});

var li