php layui table,layui table 相关问题汇总

1、表格内容自动换行完美解决

默认情况下，layui table表格内容超出表格宽度会自动省略号隐藏

需要鼠标放到单元格上，出现次图标

然后再点击，才会显示全部，用起来不方便

解决方法：

未页面添加css，便可解决.layui-table-cell {

font-size:14px;

padding:0 5px;

height:auto;

overflow:visible;

text-overflow:inherit;

white-space:normal;

word-break: break-all;

}

效果如下：

2、固定列的行高和table行高不一致

当使用fixed时，固定列的高度与其他列高度不一致，如下图

解决方法：

只需在done回调函数执行以下方法,done: function(res, curr, count){

$(".layui-table-header  tr").each(function (index ,val) {

$($(".layui-table-fixed .layui-table-header tr")[index]).height($(val).height());

});

$(".layui-table-main  tr").each(function (index ,val) {

$($(".layui-table-fixed .layui-table-body tbody tr")[index]).height($(val).height());

});

}