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实现数字验证码的简单实例
Feb 10 Javascript
JavaScript弹出窗口方法汇总
Aug 12 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
Jun 05 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
js选择器全面解析
Jun 27 Javascript
JS Canvas定时器模拟动态加载动画
Sep 17 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
Bootstrap源码解读表单(2)
Dec 22 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
Jul 03 Javascript
使用vue实现grid-layout功能实例代码
Jan 05 Javascript
javascript执行上下文、变量对象实例分析
Apr 25 Javascript
JavaScript this指向相关原理及实例解析
Jul 10 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
php 各种应用乱码问题的解决方法
2010/05/09 PHP
PHP生成excel时单元格内换行问题的解决方法
2010/08/26 PHP
PHP+MYSQL会员系统的登陆即权限判断实现代码
2011/09/23 PHP
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
Javascript获取CSS伪元素属性的实现代码
2014/09/28 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
JavaScript保存并运算页面中数字类型变量的写法
2015/07/06 Javascript
JS实现倒计时(天数、时、分、秒)
2016/11/16 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
2016/11/17 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
[01:06:42]VP vs NewBee Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
使用Python对MySQL数据操作
2017/04/06 Python
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
在python2.7中用numpy.reshape 对图像进行切割的方法
2018/12/05 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
python实现从尾到头打印单链表操作示例
2020/02/22 Python
python能做哪方面的工作
2020/06/15 Python
Python使用lambda抛出异常实现方法解析
2020/08/20 Python
使用sublime text3搭建Python编辑环境的实现
2021/01/12 Python
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
数控技术学生的自我评价
2014/02/15 职场文书
公司总经理任命书
2014/06/05 职场文书
党支部创先争优活动总结
2014/08/28 职场文书
2015年安全生产月活动总结
2015/03/26 职场文书
安全生产警示教育活动总结
2015/05/09 职场文书
师范生小学见习总结
2015/06/23 职场文书
幼儿园毕业典礼园长致辞
2015/07/29 职场文书
《鸟的天堂》教学反思
2016/02/19 职场文书
导游词之南京夫子庙
2019/12/09 职场文书