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


Posted in Javascript onAugust 15, 2018

1、情景

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

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

2、解决办法

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

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

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

Javascript 相关文章推荐
JS+DIV实现鼠标划过切换层效果的实例代码
Nov 26 Javascript
jquery判断iPhone、Android设备类型
Sep 14 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
Node.js的文件权限及读写flag详解
Oct 11 Javascript
微信小程序链接传参并跳转新页面
Nov 29 Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
vue cli升级webapck4总结
Apr 04 Javascript
常用的 JS 排序算法 整理版
Apr 05 Javascript
js Element Traversal规范中的元素遍历方法
Apr 19 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
微信小程序中转义字符的处理方法
Mar 28 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
May 06 Javascript
Bootstrap Table列宽拖动的方法
Aug 15 #Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 #Javascript
layui结合form,table的全选、反选v1.0示例讲解
Aug 15 #Javascript
详解微信JS-SDK选择图片遇到的坑
Aug 15 #Javascript
解决layui中的form表单与button的点击事件冲突问题
Aug 15 #Javascript
jQuery仿移动端支付宝键盘的实现代码
Aug 15 #jQuery
layui 监听表格复选框选中值的方法
Aug 15 #Javascript
You might like
用PHP创建PDF中文文档
2006/10/09 PHP
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
2013/04/28 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
2016/05/30 Javascript
EasyUI在表单提交之前进行验证的实例代码
2016/06/24 Javascript
微信小程序入门教程
2016/11/18 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
2017/04/04 Javascript
详解vue-cli 脚手架项目-package.json
2017/07/04 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
深入理解Vue nextTick 机制
2018/04/28 Javascript
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
vue实现移动端项目多行文本溢出省略
2020/07/29 Javascript
[02:43]DOTA2亚洲邀请赛场馆攻略——带你走进东方体育中心
2018/03/19 DOTA
[51:20]完美世界DOTA2联赛PWL S2 Magma vs PXG 第一场 11.28
2020/12/01 DOTA
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
Python语言实现百度语音识别API的使用实例
2017/12/13 Python
Python-OpenCV基本操作方法详解
2018/04/02 Python
详解Python的数据库操作(pymysql)
2019/04/04 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
Python接口测试get请求过程详解
2020/02/28 Python
自定义Django默认的sitemap站点地图样式
2020/03/04 Python
Html5剪切板功能的实现代码
2018/06/29 HTML / CSS
数控加工专业毕业生自荐信
2013/09/27 职场文书
护士自荐信怎么写
2013/10/18 职场文书
毕业生个人投资创业计划书
2014/01/04 职场文书
大学总结自我鉴定
2014/01/18 职场文书
文艺晚会策划方案
2014/06/11 职场文书
六一儿童节园长致辞
2015/07/31 职场文书
检讨书范文
2019/04/16 职场文书
德劲DE1108畅想
2021/04/22 无线电
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB
将MySQL的表数据全量导入clichhouse库中
2022/03/21 MySQL
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python