解决Layui数据表格中checkbox位置不居中的方法

ttx9n · 发表于 2018-8-15 09:27:26

今天小编就为大家分享一篇解决Layui数据表格中checkbox位置不居中的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

1、情景

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

2、解决办法

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

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

以上这篇解决Layui数据表格中checkbox位置不居中的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

Alisaliu · 发表于 2022-10-15 18:03:17

老衲笑纳了

gc4hg · 发表于 2023-4-9 23:49:59

那三门，你们谁寂寞才快乐撒

i1efp6c · 发表于 2023-7-31 13:11:14

iiguuubhuiuihu

Anthonylam · 发表于 2023-10-17 10:03:17

的沙发水电费水电费

pb_tjc · 发表于 2024-3-2 06:50:33

感谢楼主分享

do827261756 · 发表于 2024-3-2 07:23:34

挺不错的东西

.l4 · 发表于 2024-3-28 12:27:22

论坛有你更精彩！

hd1tvqb3 · 发表于 2024-7-6 23:36:56

很不错的玩意

qzdhcgs · 发表于 2024-7-13 18:21:08

了乐趣了去了去了去了去了

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 解决Layui数据表格中checkbox位置不居中的方法