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的面向对象(二)
Nov 09 Javascript
Jquery AJAX 框架的使用方法
Nov 03 Javascript
善用事件代理,警惕闭包的性能陷阱。
Jan 20 Javascript
用jquery统计子菜单的条数示例代码
Oct 18 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
Apr 16 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
Jan 09 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
字太多用...代替的方法(两种)
Mar 15 Javascript
微信小程序开发背景图显示功能
Aug 08 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
Jun 24 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
Sep 26 Javascript
javascript 模块依赖管理的本质深入详解
Apr 30 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_NETWORK_GETADDRESSES: GETADDRINFO FAILED问题解决办法
2014/05/04 PHP
用php+ajax新建流程(请假、进货、出货等)
2017/06/11 PHP
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
node.js中的http.response.removeHeader方法使用说明
2014/12/14 Javascript
jQuery中fadeOut()方法用法实例
2014/12/24 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
jQuery.form插件的使用及跨域异步上传文件
2016/04/27 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
jquery属性,遍历,HTML操作方法详解
2016/09/17 Javascript
JS调用某段SQL语句的方法
2016/10/20 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
2016/12/02 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
2017/03/14 Javascript
分享十三个最佳JavaScript数据网格库
2017/04/07 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
JS前端模块化原理与实现方法详解
2020/03/17 Javascript
[05:26]TI10典藏宝瓶套装外观展示
2020/07/03 DOTA
布同 统计英文单词的个数的python代码
2011/03/13 Python
Python入门篇之字符串
2014/10/17 Python
python使用Flask框架获取用户IP地址的方法
2015/03/21 Python
python中正则表达式 re.findall 用法
2018/10/23 Python
用python生成1000个txt文件的方法
2018/10/25 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
使用SQLAlchemy操作数据库表过程解析
2020/06/10 Python
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
Steve Madden官网:美国鞋类品牌
2017/01/29 全球购物
创造美妙香氛体验:Aera扩散器和香水
2018/11/25 全球购物
应届生妇产科护士求职信
2013/10/27 职场文书
电大毕业生自我鉴定
2013/11/10 职场文书
工商局局长个人对照检查材料思想汇报
2014/09/23 职场文书
六一儿童节标语
2014/10/08 职场文书
医德医风个人工作总结2014
2014/11/14 职场文书
幼儿园小班个人工作总结
2015/02/12 职场文书
教师学期末个人总结
2015/02/13 职场文书
2016小学新学期寄语
2015/12/04 职场文书
浅谈CSS不规则边框的生成方案
2021/05/25 HTML / CSS