layui 如何隐藏一列

 时间:2024-10-15 02:13:36

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 如何隐藏一列
  • js如何删除对象
  • 如何设置Notepad++多列编辑时启用Ctrl+鼠标点选
  • Win 2003 英文版如何配置计划任务
  • PLSQL Developer怎么设置刷新已录入的记录
  • Java文件导出jar包
  • 热门搜索
    去欧洲旅游要多少钱 深圳周边旅游景点 芭提雅旅游 晋中旅游 苏州东山旅游攻略 太原到北京旅游 qq旅游图标 去香港旅游要办什么手续 海南国际旅游岛规划 大理旅游地图