关于前端:layui-table-表格出现表头和内容不对齐问题解决方法

10次阅读

共计 418 个字符,预计需要花费 2 分钟才能阅读完成。

在应用 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;}
正文完
 0