layui表头与内容不对齐问题

在使用layui后发现渲染出的表格和表头列不对齐问题

F12检查盒子的Computed发现两个div的margin存在区别

通过CSS对表格对应的类进行调整

<style>
    layui-table-header{
        margin: 1px;
    }
    layui-table-body.layui-table-main{
        margin: 2px;
    }
</style>

调整后实现列对齐