解决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 相关文章推荐
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
jQuery $.data()方法使用注意细节
Dec 31 Javascript
jQuery遍历Table应用示例
Apr 09 Javascript
通过url查找a元素应用案例
Apr 29 Javascript
JQuery中使用on方法绑定hover事件实例
Dec 09 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
Dec 13 Javascript
探索angularjs+requirejs全面实现按需加载的套路
Feb 26 Javascript
JS字符串去除连续或全部重复字符的实例
Mar 08 Javascript
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
利用javaScript处理常用事件详解
Apr 14 Javascript
VUE解决跨域问题Access to XMLHttpRequest at
May 06 Vue.js
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无限分类(树形类)
2013/09/28 PHP
PHP排序算法之简单选择排序(Simple Selection Sort)实例分析
2018/04/20 PHP
根据分辩率调用不同的CSS.
2007/01/08 Javascript
flash javascript之间的通讯方法小结
2008/12/20 Javascript
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
再次分享18个非常棒的jQuery表格插件
2011/04/10 Javascript
javascript实现图片自动和可控的轮播切换特效
2015/04/13 Javascript
Bootstrap创建可折叠的组件
2016/02/23 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
深入理解javascript函数参数与闭包
2016/12/12 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
Vue组件tree实现树形菜单
2017/04/13 Javascript
Cocos2d实现刮刮卡效果
2018/12/20 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
vue.js 打包时出现空白页和路径错误问题及解决方法
2019/06/26 Javascript
如何给element添加一个抽屉组件的方法步骤
2019/07/14 Javascript
Vue如何实现变量表达式选择器
2021/02/18 Vue.js
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
[36:16]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.19
2020/12/24 DOTA
Python调用C/C++动态链接库的方法详解
2014/07/22 Python
python之matplotlib学习绘制动态更新图实例代码
2018/01/23 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
Python实用技巧之利用元组代替字典并为元组元素命名
2018/07/11 Python
Python socket处理client连接过程解析
2020/03/18 Python
PIL.Image.open和cv2.imread的比较与相互转换的方法
2020/06/03 Python
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
Marlies Dekkers内衣法国官方网上商店:国际知名的荷兰内衣品牌
2019/03/18 全球购物
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
党风廉政建设责任书
2014/04/14 职场文书
竞选村长演讲稿
2014/04/28 职场文书
研修心得体会
2014/09/04 职场文书
优秀班集体事迹材料
2014/12/25 职场文书
图书借阅制度范本
2015/08/06 职场文书
微信小程序基础教程之echart的使用
2021/06/01 Javascript
mybatis 获取更新记录的id
2022/05/20 Java/Android