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 相关文章推荐
javascript英文日期(有时间)选择器
May 02 Javascript
五个jQuery图片画廊插件 推荐
May 12 Javascript
最常用的12种设计模式小结
Aug 09 Javascript
angularJS中$apply()方法详解
Jan 07 Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
Mar 05 Javascript
javascript实现简单的html5视频播放器
May 06 Javascript
jQuery图片轮播滚动切换代码分享
Apr 20 Javascript
jQuery实现简易的天天爱消除小游戏
Oct 16 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 Javascript
js console.log打印对象时属性缺失的解决方法
May 23 Javascript
JavaScript Tab菜单实现过程解析
May 13 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
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
PHP类中Static方法效率测试代码
2010/10/17 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
Smarty模板配置实例简析
2019/07/20 PHP
php面试实现反射注入的详细方法
2019/09/30 PHP
使用Javascript和DOM Interfaces来处理HTML
2006/10/09 Javascript
jQuery 隔行换色 支持键盘上下键,按Enter选定值
2009/08/02 Javascript
JavaScript 学习笔记(十六) js事件
2010/02/01 Javascript
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
javascript面向对象编程代码
2011/12/19 Javascript
jquery和ajax的关系详细介绍
2013/11/29 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
2015/05/25 Javascript
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
详解vue mixins和extends的巧妙用法
2017/12/20 Javascript
VUEX-action可以修改state吗
2019/11/19 Javascript
[16:19]教你分分钟做大人——风暴之灵
2015/03/11 DOTA
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
python中的闭包函数
2018/02/09 Python
python飞机大战pygame游戏背景设计详解
2019/12/17 Python
python爬虫模拟浏览器访问-User-Agent过程解析
2019/12/28 Python
django执行数据库查询之后实现返回的结果集转json
2020/03/31 Python
解决tensorflow读取本地MNITS_data失败的原因
2020/06/22 Python
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
工程造价专业大学生职业生涯规划书
2014/01/18 职场文书
后勤工作个人总结
2015/02/28 职场文书
向雷锋同志学习倡议书
2015/04/27 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书
python自动化测试通过日志3分钟定位bug
2021/11/20 Python
使用 Docker Compose 构建复杂的多容器App
2022/04/30 Servers
Win10本地连接不见了怎么恢复? win10系统电脑本地连接不见了解决方法
2023/01/09 数码科技