解决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 event使用方法详解
Apr 28 Javascript
JavaScript返回上一页的三种方法及区别介绍
Jul 04 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
Apr 08 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
May 03 Javascript
基于WebUploader的文件上传js插件
Aug 19 Javascript
基于JS实现类似支付宝支付密码输入框
Sep 02 Javascript
原生JS获取元素集合的子元素宽度实例
Dec 14 Javascript
js实现轮播图的两种方式(构造函数、面向对象)
Sep 30 Javascript
解析Json字符串的三种方法日常常用
May 02 Javascript
浅谈vue方法内的方法使用this的问题
Sep 15 Javascript
JS随机密码生成算法
Sep 23 Javascript
js实现简单五子棋游戏
May 28 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
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
PHP Cookie的使用教程详解
2013/06/03 PHP
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
php使用指定字符列表生成随机字符串的方法
2015/04/18 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
用js自动判断浏览器分辨率的代码
2007/01/28 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
JS实现网页滚动条感应鼠标变色的方法
2015/02/26 Javascript
jQuery实现切换字体大小的方法
2015/03/10 Javascript
jquery中绑定事件的异同
2017/02/28 Javascript
微信小程序 图片宽度自适应的实现
2017/04/06 Javascript
使用nodeJs来安装less及编译less文件为css文件的方法
2017/11/20 NodeJs
JavaScript面试出现频繁的一些易错点整理
2018/03/29 Javascript
jQuery中的for循环var与let的区别
2018/04/21 jQuery
详解vue指令与$nextTick 操作DOM的不同之处
2018/08/02 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
javascript canvas封装动态时钟
2020/09/30 Javascript
PyQt QListWidget修改列表项item的行高方法
2019/06/20 Python
python-web根据元素属性进行定位的方法
2019/12/13 Python
如何更换python默认编辑器的背景色
2020/08/10 Python
python绘制雷达图实例讲解
2021/01/03 Python
python基于opencv实现人脸识别
2021/01/04 Python
意大利在线药房:Farmacia Loreto Gallo
2019/08/09 全球购物
巴西箱包、背包、钱包和旅行配件购物网站:Inovathi
2019/12/14 全球购物
银行见习期自我鉴定
2014/01/29 职场文书
工作证明格式及范本
2014/09/12 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
php去除数组中为0的元素的实例分析
2021/11/17 PHP
Github 使用python对copilot做些简单使用测试
2022/04/14 Python