欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

layui table表格 表头与内容列错位问题(只有纵向滚动条的情况)

程序员文章站 2022-03-26 12:20:11
版本2.4.5 问题展示: 存在问题:正好错位一个纵向滚动条的宽度 思路: 仔细观察th元素及th包裹的子元素div 如下图 发现th宽度莫名的就多了5px 我就纳闷了 解决方案:到table.js源码中→搜索 →纵向滚动条宽度,找到了,并按下图修改 解决了 解决后效果如下 ......

版本2.4.5

问题展示:

存在问题:正好错位一个纵向滚动条的宽度

layui  table表格  表头与内容列错位问题(只有纵向滚动条的情况)

 

思路:

仔细观察th元素及th包裹的子元素div 如下图

layui  table表格  表头与内容列错位问题(只有纵向滚动条的情况)

layui  table表格  表头与内容列错位问题(只有纵向滚动条的情况)

发现th宽度莫名的就多了5px  我就纳闷了

 

解决方案:到table.js源码中→搜索 →纵向滚动条宽度,找到了,并按下图修改

layui  table表格  表头与内容列错位问题(只有纵向滚动条的情况)

 

 解决了

解决后效果如下

layui  table表格  表头与内容列错位问题(只有纵向滚动条的情况)