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

news/2024/7/24 11:51:57 标签: layui, 隐藏列

需求:渲染表格的时候,比如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中不要在写这一列,这样才能实现列的隐藏。而且在获取表格的数据时是能获取到的


http://www.niftyadmin.cn/n/1202937.html

相关文章

春晚红包:挺住的百度和崩坏的应用商店

2019年2月5日,当中央电视台春节联欢晚会落下帷幕的时候,笔者的朋友圈出现了这样一条消息:“顺利抗住宇宙第一大IP,全程无宕机!” 挺住的百度 相信很多人都猜到了上面这条朋友圈是出自百度同学之手。这个事情要从2019年…

layui服务器端分页实例

layui的分页功能是很不错的,方便快捷。jquery普通页面开发可以考虑。下面以表格为例,举例layui分页功能。其他(利于list等)同理。首先将layui.css、layui.all.js引入在页面中。 官网(下载地址)&#xff1a…

牛客寒假6-A.出题

链接:https://ac.nowcoder.com/acm/contest/332/A 题意: 小B准备出模拟赛。 她把题目按难度分为四等,分值分别为6,7,8,9。 已知小B共出了m道题,共n分。 求小B最少出了多少道6分题。 思路: n无解的条件:n &…

【echarts应用】---pie饼图篇

目的&#xff1a;对echart 图表进行封装调用--饼图篇。下面是基础的样式&#xff0c;可以改成自己需要的样式。&#xff08;找个地方保存&#xff0c;以后用到的时候方便复制粘贴&#xff0c;哈哈&#xff09; 1.页面中引入echarts、jquery文件 <script src"./js/jque…

【echats应用】---gauge仪表盘篇

目的&#xff1a;对echarts图表进行封装调用--仪表盘篇。 基础的仪表盘有两种方式都可以实现&#xff0c;一是echarts图表&#xff0c;一是css3的方式也可以实现。主要讲解echarts的方式 法一&#xff1a;echarts方法 普通样式 …

【node学习】koa2搭建简单的服务器,读取json文件打开图表项目

需求&#xff1a;用koa2搭建一个简单的服务器&#xff0c;能够读取json文件打开echarts图表项目。我们知道&#xff0c;不能直接打开图表文件&#xff0c;可以使用hbuilder这种自带内置服务器的编辑器&#xff0c;或者vscode的live-server插件打开。如果不想在电脑上下载很多编…

spring cloud gateway 源码解析(4)跨域问题处理

现在项目大多开始前后端分离&#xff0c;前端开发的时候可以用webpack的proxytable来配置线上打包的话可以直接放到后台项目的静态资源目录了&#xff0c;这样就不会有跨域问题&#xff0c;或者放到nginx里在配置好资源目录就行&#xff0c;这些方案网上都有就不展开了&#xf…

input隐藏域赋值数组,node获取val的值

一个小坑&#xff1a;直接给input赋值数组的话&#xff0c;获取到的是[object,object],[object,object]这样的数据结构。无法进行处理 正确的做法应该是在给input赋值的时候JSON.stringify&#xff08;要赋的值&#xff09;。取值的时候JSON.parse(要取得值) 1.html <input…