layui table 表格出现表头和内容不对齐问题解决方法

在使用layui开发中,表格如出现滚动条,表头和表内容不对齐的问题,是因为滚动条的宽度影响到了。
因为滚动条有单独的补丁列,把源码lay/modules/table.js 845行注释

  o = function (e) {
                    // if (a && l) {//滚动条导致列和头不对齐问题
                        if (a) {
                          if (
                            ((e = e.eq(0)), !e.find(".layui-table-patch")[0])
                          ) {
                            var i = t(
                              '
' ); i.find("div").css({ width: a, }), e.find("tr").append(i); } } else e.find(".layui-table-patch").remove(); };

css减少补丁列的宽

th.layui-table-patch{
    padding: 0 !important;
}

你可能感兴趣的:(前端tablelayui)