layui-table莫名其妙出现layui-table-hover的问题

为什么80%的码农都做不了架构师？>>>   

最近项目中使用layui-table出现的一个问题：

看到网上有人寻求解决办法，但是没有人回复，或者说的总不在点子上。这里我简单的描述一下问题原因。

不废话，看图：

很明显：layui-table宽度大于它的父节点，从图上看出明显超出了一截，这些宽度通常都是layui自动生成的，也可能是认为配置不当导致。

最简单的解决办法： 给表格声明一个小于父（祖先）div的width

table.render({
        id: 'paramTable',
        autoSort: false,
        elem: '#paramTable',
        width: 1508,
...

如果要求严格的话，width可以动态计算。

不过最好还是去找找出问题的页面是否css引用/设置不当导致。

 

 

转载于:https://my.oschina.net/dlam/blog/3003090