layui 如何隐藏一列

2025-05-06 10:08:05

1、第一步:写一个layui的table页面,用来获取数据,代码如下:<table id屏顿幂垂="demo" lay-filter="demo"></table>layui.use(['jquery', 'table'], function () { let table = layui.table, $= layui.jquery; let clos = [ {field: 'user_name', title: 'xx', width: '6%'}, {field: 'title', title: '标题', width:'26%'}, {field: 'href', title: '链接', width:'42%'}, {field: 'create_time', title: 'time', width:'11%'}, {field: 'content', title: '内容'}, ]; table.render({ elem: '#demo', url: url, method: "post", where: data, cols: [clos], limits: [20, 50, 100], limit: 20, page: true, });});

layui 如何隐藏一列

3、第三步:启动接口,访问页面,并请求数据,可以看到页面如图:

layui 如何隐藏一列

5、第五步:加上style:'display:none',还不行,重新刷新页面发现还是空出列了,如图,这不符合结果

layui 如何隐藏一列

7、第七步:重新刷新,发现被隐藏了

layui 如何隐藏一列
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢