Layui表格怎么隐藏指定列

张开发
• 2026/4/14 22:27:49 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

Layui表格怎么隐藏指定列
layui table 无 hideCol 方法隐藏列需初始化时设 hide: true 或动态调用 setCols 后 reload导出时不自动继承隐藏状态须手动配置 exportFile 的 cols 参数。layui table hideCol 方法不存在别白找layui 的 table 模块没有 hidecol 或类似内置方法。想“隐藏列”本质是控制列的渲染——要么初始化时就不配它要么动态改 cols 配置再重载表格。初始化时用 hide 属性直接屏蔽列这是最轻量、最稳定的做法。在 cols 数组里给目标列加 hide: true它就不会出现在 DOM 里也不参与宽度计算或排序。常见错误现象hide: true字符串或 hide: 1 —— 必须是布尔值 true漏写 field 导致后续无法通过 setCols 动态操作。使用场景权限控制列如“操作”列对普通用户不可见、调试阶段临时屏蔽冗余字段。示例table.render({ elem: #demo, cols: [[ {field: id, title: ID}, {field: username, title: 用户名}, {field: email, title: 邮箱, hide: true}, // ? 这列不渲染 {field: status, title: 状态} ]]});动态隐藏列必须调用 setCols reloadsetCols 不会立即生效只更新内部配置必须配合 reload 才能重新渲染。漏掉 reload 是最常见的坑。参数差异setCols 接收的是完整 cols 数组不是单列对象且要求结构和初始化时一致否则可能错乱表头顺序或丢失列宽。 知网AI智能写作 知网AI智能写作写文档、写报告如此简单

更多文章