layui隐藏列后，出现表头与内容错位

Ab_happy 2018-07-23 02:26:12

layui隐藏列后，出现表头与内容错位，怎么解决啊

...全文

1758 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

m0_45236237 2019-06-13

打赏
举报

回复

可以使用absolute来固定，fixed如果数据内容很长会自动出现滚动条，拉动滚动条可能引起数据显示错位

___紫菜 2018-07-24

打赏
举报

回复

去官方论坛问问吧

我就废话不多说了，直接上关键代码吧！给大家做个参考 layui.use(['table','form','laypage'], ... id:"item",//用作于隐藏列名为item的列 elem: '#QD', url:path+'test.do', cols: [[ //表头 {field: '

4. 隐藏溢出（overflow: hidden）：可能需要对表格主体部分（tbody）设置`overflow: hidden`，以避免表头和表尾固定后，内容区域出现重叠或错位。 5. 调整滚动条：在必要时，可以为表格主体部分添加水平或垂直滚动条...

这可能需要对layui数据表格的列宽设置进行微调，确保每个列的宽度根据其内容来自动调整。在某些情况下，可以使用CSS的display: table-*系列的属性来帮助实现列宽自适应。最后，如果上述方法都不能很好地解决问题，...

在使用layUI框架展示数据时，加了checkbox之后表头与内容出现错位（注意：没加checkbox时，没有出现错位。），如下图：对应的代码如下：不是其他人说的那样什么多了个逗号，而是由于其中有一列设置display:none,而...

在使用Layui表格组件时，开发者可能会遇到多级表头与固定列同时使用时出现的错位问题。具体表现为当表格同时满足以下两个条件时： 1. 使用了多级表头结构（即cols配置中包含多层表头定义） 2. 设置了某些列为固定列...

43,738

社区成员

5,570

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章