layui按条件隐藏表格列的实例


Posted in Javascript onSeptember 19, 2019

我就废话不多说了,直接上关键代码吧!给大家做个参考

layui.use(['table','form','laypage'], function() {
	var table = layui.table
	,form = layui.form
	,laypage = layui.laypage;
	layer.load(0);
	setTimeout(function() {
	table.render({
		id:"item",//用作于隐藏列名为item的列
		elem: '#QD',
		url:path+'test.do',
		cols: [[ //表头
							
		{field: 'quoted_price',title: '价格1',width: 150,align: 'left'},
		{field: 'quoted_price2',title: '价格2',width: 150,align: 'left'}
							
							
			]]
		,where: {"page":page,"limit":limit}
		,done: function(res, curr, count){
			if(test== 0){//此处test为你的条件值
			$("[data-field='quoted_price1']").css('display','none'); //关键代码
						}
			if(test2== 0){//此处test2为你的条件值
			$("[data-field='quoted_price2']").css('display','none');//关键代码
						}
						
						}
			 laypage.render({//分页
				 elem: 'page'
				 ,count:count 
				 ,curr:page
            	 ,limit:limit
				,jump: function(obj, first){
				 if(!first){
				getRFQ_table(obj.curr,obj.limit);
							  }
							 }
							});
					 }
					});

以上这篇layui按条件隐藏表格列的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jquery可配置循环左右滚动例子
Sep 09 Javascript
jquery实现多屏多图焦点图切换特效的方法
May 04 Javascript
js检测用户输入密码强度
Oct 22 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 Javascript
理解 javascript 中的函数表达式与函数声明
Jul 07 Javascript
Angular.js中上传指令ng-upload的基本使用教程
Jul 30 Javascript
详解React Native网络请求fetch简单封装
Aug 10 Javascript
JS生成随机打乱数组的方法示例
Dec 23 Javascript
JavaScript中concat复制数组方法浅析
Jan 20 Javascript
vue $mount 和 el的区别说明
Sep 11 Javascript
javascript之Object.assign()的痛点分析
Mar 03 Javascript
微信小程序和H5页面间相互跳转代码实例
Sep 19 #Javascript
微信小程序引入VANT组件的方法步骤
Sep 19 #Javascript
iview form清除校验状态的实现
Sep 19 #Javascript
对layui中table组件工具栏的使用详解
Sep 19 #Javascript
layui自定义工具栏的方法
Sep 19 #Javascript
Node 代理访问的实现
Sep 19 #Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
Sep 19 #Javascript
You might like
玩转虚拟域名◎+ .
2006/10/09 PHP
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
php函数serialize()与unserialize()用法实例
2014/11/06 PHP
PHP获取数组长度或某个值出现次数的方法
2015/02/11 PHP
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
jquery uaMatch源代码
2011/02/14 Javascript
javascript中encodeURI和decodeURI方法使用介绍
2013/05/06 Javascript
动态加载dtree.js树treeview(示例代码)
2013/12/17 Javascript
JS中使用sort结合localeCompare实现中文排序实例
2014/07/23 Javascript
jQuery插件jRumble实现网页元素抖动
2015/06/05 Javascript
jQuery里filter()函数与find()函数用法分析
2015/06/24 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
详解node.js搭建代理服务器请求数据
2017/04/08 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
2018/09/14 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
2019/05/10 Javascript
[01:32]寻找你心中的那团火 DOTA2 TI9火焰传递活动今日开启
2019/05/16 DOTA
[35:55]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.11
2020/12/13 DOTA
Python中的各种装饰器详解
2015/04/11 Python
详解Django框架中用户的登录和退出的实现
2015/07/23 Python
python unittest实现api自动化测试
2018/04/04 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
Python实现12306火车票抢票系统
2019/07/04 Python
Django视图扩展类知识点详解
2019/10/25 Python
python3实现网页版raspberry pi(树莓派)小车控制
2020/02/12 Python
python构造IP报文实例
2020/05/05 Python
基于Tensorflow读取MNIST数据集时网络超时的解决方式
2020/06/22 Python
ShellScript面试题一则-ShellScript编程
2014/06/24 面试题
幼儿园教师备课制度
2014/01/12 职场文书
中学生旷课检讨书500字
2014/10/29 职场文书
店铺转让协议书
2015/01/29 职场文书
资料员岗位职责范本
2015/04/13 职场文书
工资证明范本
2015/06/12 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python