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 相关文章推荐
js中有关IE版本检测
Jan 04 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
Jun 08 Javascript
jquery复选框全选/取消示例
Dec 30 Javascript
JS判断文本框内容改变事件的简单实例
Mar 07 Javascript
详解JS中Array对象扩展与String对象扩展
Jan 07 Javascript
瀑布流的实现方式(原生js+jquery+css3)
Jun 28 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
Oct 31 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
Mar 07 Javascript
node.js调用Chrome浏览器打开链接地址的方法
May 17 Javascript
关于使用axios的一些心得技巧分享
Jul 02 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 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使用file_get_contents发送http请求功能简单示例
2018/04/29 PHP
JS无限树状列表实现代码
2011/01/11 Javascript
探索Emberjs制作一个简单的Todo应用
2012/11/07 Javascript
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
js遍历、动态的添加数据的小例子
2013/06/22 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
2013/11/08 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
jQuery内置的AJAX功能和JSON的使用实例
2014/07/27 Javascript
JavaScript不刷新实现浏览器的前进后退功能
2014/11/05 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
2016/06/20 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
AngularJS service之select下拉菜单效果
2017/07/28 Javascript
详解EasyUi控件中的Datagrid
2017/08/23 Javascript
详解Vue前端对axios的封装和使用
2019/04/01 Javascript
layui复选框的全选与取消实现方法
2019/09/02 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
2019/09/19 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
python实现ip查询示例
2014/03/26 Python
Python读写文件基础知识点
2019/06/10 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
Python dict的常用方法示例代码
2020/06/23 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
梅西百货澳大利亚:Macy’s Australia
2017/07/26 全球购物
加拿大在线眼镜零售商:SmartBuyGlasses加拿大
2019/05/25 全球购物
ABOUT YOU匈牙利:500个最受欢迎的时尚品牌
2019/07/19 全球购物
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
高中学生评语大全
2014/04/25 职场文书
教师群众路线剖析材料
2014/09/29 职场文书
基层党支部整改方案
2014/10/25 职场文书
工程服务质量承诺书
2015/04/29 职场文书
《陶罐和铁罐》教学反思
2016/03/03 职场文书
MongoDB 常用的crud操作语句
2021/06/20 MongoDB
Tomcat弱口令复现及利用
2022/05/06 Servers