解决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动态创建、删除表格示例代码
Aug 07 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
jquery事件与绑定事件
Mar 16 Javascript
vue中axios实现数据交互与跨域问题
May 12 Javascript
vue+egg+jwt实现登录验证的示例代码
May 18 Javascript
简单了解小程序+node梳理登陆流程
Jun 24 Javascript
Javascript Dom元素获取和添加详解
Sep 24 Javascript
Vue 实现把表单form数据 转化成json格式的数据
Oct 29 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 Javascript
36个正则表达式(开发效率提高80%)
Nov 17 Javascript
JavaScript实现队列结构过程
Dec 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初学者头疼问题总结
2006/10/09 PHP
由php的call_user_func传reference引发的思考
2010/07/23 PHP
php中Smarty模板初体验
2011/08/08 PHP
Zend Framework教程之分发器Zend_Controller_Dispatcher用法详解
2016/03/07 PHP
php使用GD2绘制几何图形示例
2017/02/15 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
2010/10/20 Javascript
javascript工具库代码
2012/03/29 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
2014/12/29 Javascript
高效的jQuery代码编写技巧总结
2017/02/22 Javascript
使用node.js搭建服务器
2017/05/20 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
2019/02/21 Javascript
[37:23]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第二局
2016/03/04 DOTA
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
Python中标准模块importlib详解
2017/04/16 Python
老生常谈Python进阶之装饰器
2017/05/11 Python
更改Python的pip install 默认安装依赖路径方法详解
2018/10/27 Python
元组列表字典(莫烦python基础)
2019/04/03 Python
使用Windows批处理和WMI设置Python的环境变量方法
2019/08/14 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
使用Python的Turtle库绘制森林的实例
2019/12/18 Python
Python使用turtle库绘制小猪佩奇(实例代码)
2020/01/16 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
css3实现3d旋转动画特效
2015/03/10 HTML / CSS
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
顶丰TOPPIK台湾官网:增发纤维假发,告别秃发困扰
2018/06/13 全球购物
入党积极分子自我批评思想汇报
2014/10/10 职场文书
2016年感恩节寄语
2015/12/07 职场文书
Python中zipfile压缩包模块的使用
2021/05/14 Python
javascript对象3个属性特征
2021/11/17 Javascript
MySQL数据库实验之 触发器和存储过程
2022/06/21 MySQL
Win10加载疑难解答时出错发生意外错误的解决方法
2022/07/07 数码科技
Python  序列化反序列化和异常处理的问题小结
2022/12/24 Python