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 相关文章推荐
ExtJS 2.0 实用简明教程之布局概述
Apr 29 Javascript
JavaScript 自动完成脚本整理(33个)
Oct 20 Javascript
js简单的弹出框有关闭按钮
May 05 Javascript
javascript中局部变量和全局变量的区别详解
Feb 27 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
Mar 31 Javascript
JS实现选择TextArea内文本的方法
Aug 03 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
Dec 30 Javascript
基于bootstrap实现收缩导航条
Mar 17 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
5分钟快速掌握JS中var、let和const的异同
Sep 19 Javascript
JS精髓原型链继承及构造函数继承问题纠正
Jun 16 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设计模式 Command(命令模式)
2011/06/26 PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
PHP采用超长(超大)数字运算防止数字以科学计数法显示的方法
2016/04/01 PHP
js parentElement和offsetParent之间的区别
2010/03/23 Javascript
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
2014/10/17 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
详解addEventListener的三个参数之useCapture
2015/03/16 Javascript
jQuery制作效果超棒的手风琴折叠菜单
2015/04/03 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
JavaScript常用基础知识强化学习
2015/12/09 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
jQuery中设置form表单中action值的实现方法
2016/05/25 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
2016/08/03 Javascript
javascript编写简易计算器
2017/05/06 Javascript
vue移动端路由切换实例分析
2018/05/14 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
python字符串对其居中显示的方法
2015/07/11 Python
Flask框架实现给视图函数增加装饰器操作示例
2018/07/16 Python
Python操作word常见方法示例【win32com与docx模块】
2018/07/17 Python
python模拟点击玩游戏的实例讲解
2020/11/26 Python
在pycharm中使用pipenv创建虚拟环境和安装django的详细教程
2020/11/30 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
Bugatchi官方网站:男士服装在线
2019/04/10 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
《台湾的蝴蝶谷》教学反思
2014/02/20 职场文书
《动手做做看》教学反思
2014/04/09 职场文书
护士实习求职信
2014/06/22 职场文书
销售员工作检讨书(推荐篇)
2014/10/18 职场文书
公务员检讨书
2014/11/01 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书
婚庆公司开业主持词
2015/06/30 职场文书
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js
开发微信小程序之WXSS样式教程
2022/04/18 HTML / CSS