Layui 使用问题汇总

Posted 2020-12-03 arxive

1. Layui数据表格中checkbox位置不居中

使用方法渲染的方式生成数据表格，添加了checkbox，但发现checkbox位置不居中，如下图所示

解决办法

通过layui官方社区，找到如下代码，只需要添加如下样式 即可解决

.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{
     top: 50%;
     transform: translateY(-50%);
}

 { top: 50%; transform: translateY(-50%); }

 

参考文章

xcmercy，解决Layui数据表格中checkbox位置不居中。