layui表格隐藏列的简单实现方法

2023-11-07

需求:渲染表格的时候,比如id在内的一些列是不需要展示给用户看的,但是在操作表格的时候还需要用得到,这就需要隐藏列 的功能

实现效果:页面上不显示,但是能获取到id的值。

 

实现方法:

    table.render({
      id:'id',    //可以在这里设置需要隐藏的列的字段名,如果是要隐藏多列的话这样写 id:'id,sex'
      elem: '#table'
      ,url:'/html/api/ztable.json'
      ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
      ,page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档
        layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
        //,curr: 5 //设定初始在第 5 页
        ,groups: 1 //只显示 1 个连续页码
        ,first: false //不显示首页
        ,last: false //不显示尾页
        
      }
      ,cols: [initTable]       //在id中配置完之后,这里不写那一列,才能实现列的隐藏
      ,page: true
    });

注意:1.如果需要多列隐藏实现方法是   id:'id,sex',

             2.在表格的配置中编写完成之后,要注意在cols中不要在写这一列,这样才能实现列的隐藏。而且在获取表格的数据时是能获取到的

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

layui表格隐藏列的简单实现方法 的相关文章

  • 使用cmake工具多文件编译

    使用cmake工具多文件编译 创建CMakeLists txt project PEOPLE add executable my cmake people main cpp people cpp ctrl shift p 为了生成build

随机推荐

  • 多线程(七)线程池

    线程池 又是一个池 我们已经见识过很多池了 数据库连接池 字符串常量池 那我们这个线程池又是个啥呢 我们提前将线程准备好 需要用的时候直接取 不需要用的时候 在直接还回去 这样就不需要去从系统中申请了 这样做 最大的好处就是减少每次启动 销
  • 十大排序算法-----归并排序

    归并排序 原理 归并排序是一种概念上最简单的排序算法 归并排序是基于分治法的 归并排序将待排序的元素序列分成两个长度相等的子序列 为每一个子序列排序 然后再将他们合并成一个子序列 合并两个子序列的过程也就是两路归并 算法基本步骤 1 申请空
  • 从0.3开始搭建LeGO-LOAM+VLP雷达+小车实时建图(保姆级教程,小白踩坑日记)

    背景 SLAM小白 因为项目需要花了两天时间编译代码 连接雷达实现了交互 踩了很多坑 简单记录一下 让后面感兴趣的朋友少走点弯路 肯定有很多不专业的 错误的地方 还请大家不吝赐教 噗通 也可以见知乎 https zhuanlan zhihu
  • 实战中绕过disable_functions执行命令

    前言 前几天看到有大佬提到一种小型贷款网站 这种贷款网站从账号的注册到借款的流程都显得很随便 仿佛巴不得直接无条件借钱给你似的 充满 诈骗 的气息 任意文件上传 看着充满暗示的提示语 我们仿照受害者的思路点击借款 随意填写借款金额后 会让我
  • node.js入门笔记(五)——express框架、路由、模板引擎

    node js入门笔记 五 1 特殊依赖 2 express的路由机制 3 express中的路由功能 3 1Router的基本使用 3 2Router的参数传递 3 2Router的请求种类 3 controller的预使用 4 expr
  • 如何解决Dynamics 365的错误:用户身份验证无效,MSIS0006

    关注本人微信和易信公众号 微软动态CRM专家罗勇 回复246或者20170312可方便获取本文 同时可以在第一间得到我发布的最新的博文信息 follow me 我的网站是 www luoyong me 这两天突然访问不了我的部署在Azure
  • 弹性数据库连接池探活策略调研(二)——Druid

    前言 在上一篇文章中 我们介绍了弹性数据库连接失效的背景 并探讨了HikariCP连接池探活策略的相关内容 在本文中 我们将会继续探讨另一个线上常用的连接池 Druid 并为您介绍如何在使用Druid时实现最佳实践的弹性数据库连接池探活策略
  • 每日一题:简单分数统计

    简单分数统计 题目 Daimayuan Online Judge 发现样例输出的是id和成绩 那么就写一个包含这两个变量的结构体来储存它们 另外 再写一个结构体来储存题目名称和分数 目的是使两者联系起来 找到题目名称就能知道对应的分数 AC
  • 学习感悟(基于轻量化卷积神经网络的人脸表情识别方法)

    轻量化卷积神经网络的人脸表情识别方法 文献重点 主要研究方法 感悟 文献重点 主要研究方法 感悟 1 文献重点 面部表情识别是生物信息识别 模式识别 人机交互与人工智能等领域的重要研究课题 深度神经网络的兴起为高精度面部表情识别的研究提供了
  • 解决json object转string,value值存在特殊符号,无法解析问题

    昨天在JSON stringify 转数组的时候 发现一直报错 最终确定原因为string中的空格在html显示的时候 会自动加上 nbsp 知道了问题所在 下面讲解如何解决问题 我们在取数据时 用HTMLDecode2 方法过滤下特殊字符
  • Mysql 中 1062 –Duplicate entry '1' for key 'PRIMARY'

    我遇到的这种问题 就是在数据库中插入数据时 主键重复了 换个新的主键就可以了 比如之前有个主键是1 新添加了一条数据主键也设置成1了
  • easyexcel工具包使用报错:NoClassDeffoundError

    错误日志 easyexcel操作excel pom导包失败 引入外部jar包 处理异常报错 报错原因 easyexcel缺失关键依赖包 解决 修改maven配置文件 加入alibaba镜像地址 重新加载包 问题解决
  • GIS坐标系统

    最新在看GIS的理论知识 坐标系统这块比较抽象 B站上搜到到一个博主的视频 对这块讲解的比较通俗易懂 这里记录一下 地理坐标系统 地理坐标系统是地球表面空间要素的定位参照系统 地理坐标系统是由经度和维度定义的 经度和维度都是用角度量的 经度
  • oracle ebs应付模块表,oracle ebs 11i 数据表大全(总帐、应收、应付等各模块) 免费...

    OWNER OBJECT NAME OBJECT TYPE CREATED PO PO LOCATION T ABLE TABLE PO PO VENDOR S TABLE PO PO LINE LOCA PO PO VENDORS T A
  • 大厂怎么做

    作者 郑东博士 快手 推荐算法技术总监 整理 DataFunTalk 大家好 这里是 NewBeeNLP 快手是中国领先的短视频和直播社区 拥有超过3亿的DAU和丰富的社交数据 快手秉承的价值观是真实 多元 美好 有用 致力于提高每一个用户
  • Hive常用窗口函数

    目录 一 概述 1 定义 2 语法 3 演示数据 二 窗口函数 序列 1 row number 2 rank 3 dense rank 4 ntile n 5 percent rank 三 窗口函数 聚合 1 count 2 sum 3 a
  • 转移文件,从大到小输出shell

    bin bash if d tmp then mkdir tmp fi find size 10k type f iname txt xargs i cp tmp echo gt gt gt gt gt gt gt gt gt gt gt
  • 线程中断是怎么回事

    线程中断相关方法 Thread interrupt 设置线程中断状态 true Thread isInterrupted 判断线程的中断状态 Thread interrupted 返回线程的中断状态 并清除 下次再判断中断状态就是false
  • vue中利用flex布局实现横向时间轴简化

    一 最初版本 简单实现了横向时间轴 1 初次实现效果如图 2 代码如下 div class timeline body bgcolor div class timeline title span class timeline title i
  • layui表格隐藏列的简单实现方法

    需求 渲染表格的时候 比如id在内的一些列是不需要展示给用户看的 但是在操作表格的时候还需要用得到 这就需要隐藏列 的功能 实现效果 页面上不显示 但是能获取到id的值 实现方法 table render id id 可以在这里设置需要隐藏