解决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打造最佳用户体验的登录页面的实现代码
Jul 08 Javascript
JavaScript中的作用域链和闭包
Jun 30 Javascript
js去除重复字符串两种实现方法
Jan 09 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
May 08 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
基于jQuery实现最基本的淡入淡出效果实例
Feb 02 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
瀑布流的实现方式(原生js+jquery+css3)
Jun 28 Javascript
搭建Bootstrap离线文档的方法
Dec 02 Javascript
Vue.js用法详解
Nov 13 Javascript
浅谈PDF.js使用心得
Jun 07 Javascript
深入浅析JavaScript中的in关键字和for-in循环
Apr 20 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静态文件生成类实例分析
2015/01/03 PHP
使用XHProf查找PHP性能瓶颈的实例
2017/12/13 PHP
修改发贴的编辑功能
2007/03/07 Javascript
对于Form表单reset方法的新认识
2014/03/05 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
实现图片预加载的三大方法及优缺点分析
2014/11/19 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
js实现对table动态添加、删除和更新的方法
2015/02/10 Javascript
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
JavaScript中标识符提升问题
2015/06/11 Javascript
js实现不提交表单获取单选按钮值的方法
2015/08/21 Javascript
JS基于面向对象实现的拖拽库实例
2015/09/24 Javascript
轻松实现Bootstrap图片轮播
2020/04/20 Javascript
第三章之Bootstrap 表格与按钮功能
2016/04/25 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
JS中parseInt()和map()用法分析
2016/12/16 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
JavaScript动态添加数据到表单并提交的几种方式
2019/06/26 Javascript
javascript 构建模块化开发过程解析
2019/09/11 Javascript
微信小程序实现天气预报功能(附源码)
2020/12/10 Javascript
Python实现国外赌场热门游戏Craps(双骰子)
2015/03/31 Python
Python中不同进制互相转换(二进制、八进制、十进制和十六进制)
2015/04/05 Python
通过Python实现自动填写调查问卷
2017/09/06 Python
Django实现学员管理系统
2019/02/26 Python
PyQt5显示GIF图片的方法
2019/06/17 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
Python3 集合set入门基础
2020/02/10 Python
介绍一下gcc特性
2012/01/20 面试题
导师鉴定意见
2015/06/05 职场文书
MySQL分库分表与分区的入门指南
2021/04/22 MySQL
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python