解决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 相关文章推荐
再谈IE中Flash控件的自动激活 ObjectWrap
Mar 09 Javascript
JQuery EasyUI 对话框的使用方法
Oct 24 Javascript
jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
Oct 23 Javascript
js中flexible.js实现淘宝弹性布局方案
Jun 23 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
Jun 17 Javascript
详解使用Typescript开发node.js项目(简单的环境配置)
Oct 09 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 Javascript
vue基础之v-bind属性、class和style用法分析
Mar 11 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
Dec 16 Javascript
JS实现打字游戏
Dec 17 Javascript
vscode 调试 node.js的方法步骤
Sep 15 Javascript
vant picker+popup 自定义三级联动案例
Nov 04 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下使用SimpleXML 处理XML 文件
2010/02/27 PHP
PHP的mysqli_set_charset()函数讲解
2019/01/23 PHP
Js基础学习资料
2010/11/23 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
js实现密码强度检测【附示例】
2016/03/30 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
jquery鼠标悬停导航下划线滑出效果
2017/09/29 jQuery
node通过express搭建自己的服务器
2017/09/30 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
基于Bootstrap表单验证功能
2017/11/17 Javascript
原生JS实现的雪花飘落动画效果
2018/05/03 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
小程序使用wxs解决wxml保留2位小数问题
2019/12/13 Javascript
Python实现绘制双柱状图并显示数值功能示例
2018/06/23 Python
Python_查看sqlite3表结构,查询语句的示例代码
2019/07/17 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
django有哪些好处和优点
2020/09/01 Python
python 爬取腾讯视频评论的实现步骤
2021/02/18 Python
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
2013/01/09 HTML / CSS
HTML5新增的8类INPUT输入类型介绍
2015/07/06 HTML / CSS
HTML5标签嵌套规则详解【必看】
2016/04/26 HTML / CSS
客服专员岗位职责范本
2013/11/29 职场文书
大学生创业计划书的范文
2014/01/07 职场文书
乡下人家教学反思
2014/02/01 职场文书
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
保密承诺书范文
2014/03/27 职场文书
关于环保的活动方案
2014/08/25 职场文书
保研推荐信格式
2015/03/25 职场文书
2019毕业论文致谢词
2019/06/24 职场文书
攻略丨滑雪究竟该选哪款对讲机?
2022/02/18 无线电
python前后端自定义分页器
2022/04/13 Python