layui表格操作栏随字数自动变化宽度

 function operationWidth() {
        var operation = $("[data-field='operation'] div");//选中操作栏
        operation.removeClass().addClass("layui-table-cell");//去掉样式,加上默认单元格样式,单元格的宽度是按内容宽度自适应的
        var maxWidth = operation.last().width();//最终列宽取最后一格的宽度
        operation.width(maxWidth);//操作栏宽度赋值
    }

在table.render中的done中执行operationWidth()

tabledata操作栏需要给field: ‘operation’,unresize:false

{field: ‘operation’, fixed: ‘right’, title: ‘操作’, align: ‘center’, toolbar: ‘#operation’, unresize:false},

上一篇:layui table表格、表头样式设置


下一篇:layui表格自适应宽度出现横向滚动条