解决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 相关文章推荐
通过location.replace禁止浏览器后退防止重复提交
Sep 04 Javascript
使用JavaScript和C#中获得referer
Nov 14 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
完美实现js选项卡切换效果(一)
Mar 08 Javascript
jQuery实现点击关注和取消功能
Jul 03 jQuery
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
浅析JavaScript中的特殊数据类型
Dec 15 Javascript
Vue数据监听方法watch的使用
Mar 28 Javascript
vue双向绑定数据限制长度的方法
Nov 04 Javascript
jQuery实现聊天对话框
Feb 08 jQuery
JS typeof fn === 'function' && fn()详解
Aug 22 Javascript
如何在Express4.x中愉快地使用async的方法
Nov 18 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
使用网络地址转换实现多服务器负载均衡
2006/10/09 PHP
基于php和mysql的简单的dao类实现crud操作功能
2014/01/27 PHP
PHP使用CURL获取302跳转后的地址实例
2014/05/04 PHP
php获取系统变量方法小结
2015/05/29 PHP
DEDE实现转跳属性文档在模板上调用出转跳地址
2016/11/04 PHP
深入解析JavaScript中的数字对象与字符串对象
2015/10/21 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
2016/05/05 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
2016/11/30 Javascript
使用Vue-Router 2实现路由功能实例详解
2017/11/14 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
2018/01/18 Javascript
Babel 入门教程学习笔记
2018/06/13 Javascript
react项目实践之webpack-dev-serve
2018/09/14 Javascript
Cocos2d实现刮刮卡效果
2018/12/20 Javascript
TypeScript开发Node.js程序的方法
2019/04/30 Javascript
JavaScript代码简化技巧实例解析
2020/09/09 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
2021/02/14 Javascript
python使用PyV8执行javascript代码示例分享
2013/12/04 Python
Python实现SSH远程登陆,并执行命令的方法(分享)
2017/05/08 Python
Python反射的用法实例分析
2018/02/11 Python
numpy.linspace函数具体使用详解
2019/05/27 Python
Python中@property的理解和使用示例
2019/06/11 Python
Pytorch实现GoogLeNet的方法
2019/08/18 Python
python socket通信编程实现文件上传代码实例
2019/12/14 Python
python 画条形图(柱状图)实例
2020/04/24 Python
python中if及if-else如何使用
2020/06/02 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
用python实现学生管理系统
2020/07/24 Python
浅谈h5自定义audio(问题及解决)
2016/08/19 HTML / CSS
采购经理岗位职责
2014/02/16 职场文书
银行竞聘演讲稿范文
2014/04/23 职场文书
建设办主任四风问题整改思路和措施
2014/09/20 职场文书
布达拉宫的导游词
2015/02/02 职场文书
英文辞职信范文
2015/05/13 职场文书
导游词之广东佛山(南风古灶)
2019/09/24 职场文书
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL