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 闭包引起的IE内存泄露分析
May 23 Javascript
javascript二维数组转置实例
Jan 22 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 Javascript
当jquery ajax遇上401请求的解决方法
May 19 Javascript
JavaScript新增样式规则(推荐)
Jul 19 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 Javascript
angularjs路由传值$routeParams详解
Sep 05 Javascript
关于Vue在ie10下空白页的debug小结
May 02 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
May 08 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 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初学者头疼十四条问题大总结
2008/11/12 PHP
Ubuntu中启用php的mail()函数并解决发送邮件速度慢问题
2015/03/27 PHP
ThinkPHP V2.2说明文档没有说明的那些事实例小结
2015/07/01 PHP
php简单中奖算法(实例)
2017/08/15 PHP
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
利用onresize使得div可以随着屏幕大小而自适应的代码
2010/01/15 Javascript
jQuery.buildFragment使用方法及思路分析
2013/01/07 Javascript
下载文件个别浏览器文件名乱码解决办法
2013/03/19 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
2014/04/03 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
jfinal与bootstrap的登录跳转实战演习
2015/09/22 Javascript
全面解析vue中的数据双向绑定
2017/05/10 Javascript
详解AngularJS脏检查机制及$timeout的妙用
2017/06/19 Javascript
基于JavaScript实现微信抢红包功能
2017/07/20 Javascript
vue基于mint-ui的城市选择3级联动的示例
2017/10/25 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
React 组件间的通信示例
2018/06/14 Javascript
JS实现判断移动端PC端功能
2020/02/21 Javascript
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
Python的string模块中的Template类字符串模板用法
2016/06/27 Python
详解python上传文件和字符到PHP服务器
2017/11/24 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
python format 格式化输出方法
2018/07/16 Python
python实现简单登陆系统
2018/10/18 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
pandas中遍历dataframe的每一个元素的实现
2019/10/23 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
越南母婴用品购物网站:Kids Plaza
2020/04/09 全球购物
数控专业推荐信范文
2013/12/02 职场文书
初中校园之声广播稿
2014/01/15 职场文书
2014年个人债务授权委托书范本
2014/09/22 职场文书
党支部2014年度工作总结
2014/12/04 职场文书
导师鉴定意见
2015/06/05 职场文书
公司老总年会致辞
2015/07/30 职场文书
治理商业贿赂工作总结
2015/08/10 职场文书