在应用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( '<th class="layui-table-patch"><div class="layui-table-cell"></div></th>' ); 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;}