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

Ab_happy 2018-07-23 02:26:12

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

...全文

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

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

m0_45236237 2019-06-13

打赏
举报

回复

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

___紫菜 2018-07-24

打赏
举报

回复

去官方论坛问问吧

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

网络下载后的资源，进行改造后，实现单行多行，表头表尾浮动显示。

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

在开发的过程中遇到的一个layui数据表格的问题为了表格展示美观，对一些内部ID列数据进行隐藏，但发现在排序之后，已隐藏的列会再次出现，导致表格展示的数据错位原因： done回调，是在render和reload的时候执行，sort方法并不会执行解决办法：既然sort放到不执行done回调，我们就在生成完表格之后，监听排序事件，在排序事件里面执行reload方法，重新执行done回调，并且初...

layui table 的坑表头错乱列合并，多级表头

39,118

社区成员

5,567

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章