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中变量提升 Hoisting
Jul 03 Javascript
基于jQuery实现图片的前进与后退功能
Apr 24 Javascript
Javascript中string转date示例代码
Nov 01 Javascript
jquery html动态生成select标签出问题的解决方法
Nov 20 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
Jan 26 Javascript
Bootstrap每天必学之导航条(二)
Mar 01 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
Aug 30 Javascript
用JavaScript做简易的购物车的代码示例
Oct 20 Javascript
深入理解JS的事件绑定、事件流模型
May 13 Javascript
jQuery插件jsonview展示json数据
May 26 jQuery
react PropTypes校验传递的值操作示例
Apr 28 Javascript
JavaScript实现简单动态表格
Dec 02 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系统流量分析的程序
2006/10/09 PHP
PHP 程序员也要学会使用“异常”
2009/06/16 PHP
php判断当前用户已在别处登录的方法
2015/01/06 PHP
Mac OS下配置PHP+MySql环境
2015/02/25 PHP
Symfony学习十分钟入门经典教程
2016/02/03 PHP
window.onbeforeunload方法在IE下无法正常工作的解决办法
2010/01/23 Javascript
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
2010/10/20 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
javascript里使用php代码实例
2014/12/13 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
BootStrap Typeahead自动补全插件实例代码
2016/08/10 Javascript
js仿手机页面文件下拉刷新效果
2016/10/14 Javascript
Bootstrap的class样式小结
2016/12/01 Javascript
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
Vue项目开发常见问题和解决方案总结
2020/09/11 Javascript
淘宝秒杀python脚本 扫码登录版
2019/09/19 Python
python应用Axes3D绘图(批量梯度下降算法)
2020/03/25 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
会计电算化应届生求职信
2013/11/03 职场文书
会计主管岗位职责
2014/01/03 职场文书
小学向国旗敬礼活动方案
2014/09/27 职场文书
无房产证房屋转让协议书合同样本
2014/10/18 职场文书
乒乓球比赛通知
2015/04/27 职场文书
主持人大赛开场白
2015/05/29 职场文书
孔繁森观后感
2015/06/10 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
师范生教育见习总结
2015/06/23 职场文书
2016年学校招生广告语
2016/01/28 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
Go遍历struct,map,slice的实现
2021/06/13 Golang
html+css实现环绕倒影加载特效
2021/07/07 HTML / CSS