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 函数调用规则
Sep 14 Javascript
JS 获取滚动条高度示例代码
Oct 24 Javascript
jQuery元素选择器用法实例
Dec 23 Javascript
jQuery中:password选择器用法实例
Jan 03 Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 Javascript
js实现图片淡入淡出切换简易效果
Aug 22 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
Dec 06 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
react-native-tab-navigator组件的基本使用示例代码
Sep 07 Javascript
React Native中的RefreshContorl下拉刷新使用
Oct 09 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
Apr 16 Javascript
javascript实现超好看的3D烟花特效
Jan 01 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生成图片缩略图功能示例
2017/02/22 PHP
PHP精确到毫秒秒杀倒计时实例详解
2019/03/14 PHP
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
简单的JavaScript互斥锁分享
2014/02/02 Javascript
巧用局部变量提升javascript性能
2014/02/24 Javascript
extjs_02_grid显示本地数据、显示跨域数据
2014/06/23 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
深入浅析JavaScript函数前面的加号和叹号
2016/07/09 Javascript
微信小程序 textarea 详解及简单使用方法
2016/12/05 Javascript
总结几道关于Node.js的面试问题
2017/01/11 Javascript
JavaScript和JQuery获取DIV值的方法示例
2017/03/07 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
2017/09/18 Javascript
vue component 中引入less文件报错 Module build failed
2019/04/17 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
python通过ftplib登录到ftp服务器的方法
2015/05/08 Python
Python实现利用最大公约数求三个正整数的最小公倍数示例
2017/09/30 Python
Python实现的读写json文件功能示例
2018/06/05 Python
python文件操作之批量修改文件后缀名的方法
2018/08/10 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
基于Django统计博客文章阅读量
2019/10/29 Python
Python栈的实现方法示例【列表、单链表】
2020/02/22 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
中国排名第一的外贸销售网站:LightInTheBox.com(兰亭集势)
2016/10/28 全球购物
英国Office鞋店德国网站:在线购买鞋子、靴子和运动鞋
2018/12/19 全球购物
生产车间主管岗位职责
2013/12/28 职场文书
普通员工辞职信
2014/01/17 职场文书
幼儿园优秀教师事迹
2014/02/13 职场文书
环保建议书600字
2014/05/14 职场文书
机械系毕业生求职信
2014/05/28 职场文书
诚信贷款承诺书
2014/05/30 职场文书
辞职信格式范文
2015/05/13 职场文书
催款函范本大全
2015/06/24 职场文书
党风廉政建设心得体会
2019/05/21 职场文书