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 相关文章推荐
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
Jun 21 Javascript
Javascript this 的一些学习总结
Aug 02 Javascript
改变隐藏的input中value值的方法
Mar 19 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
利用jquery实现瀑布流3种案例
Sep 18 Javascript
JS日程管理插件FullCalendar简单实例
Feb 07 Javascript
bootstrap IE8 兼容性处理
Mar 22 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
Oct 20 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
Jul 14 Javascript
ant design charts 获取后端接口数据展示
May 25 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
农民和部队如何穿矿
2020/03/04 星际争霸
点评山进PR-D3L三波段收音机
2021/03/02 无线电
用PHP的ob_start();控制您的浏览器cache!
2006/11/25 PHP
php的mkdir()函数创建文件夹比较安全的权限设置方法
2014/07/28 PHP
php实现按照权重随机排序数据的方法
2015/01/09 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
Gambit vs CL BO3 第三场 2.13
2021/03/10 DOTA
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
2010/01/15 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
jQuery UI插件自定义confirm确认框的方法
2015/03/20 Javascript
JavaScript数据结构与算法之链表
2016/01/29 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
jQuery选择器及jquery案例详解(必看)
2016/05/20 Javascript
JavaScript日期对象(Date)基本用法示例
2017/01/18 Javascript
谈谈对vue响应式数据更新的误解
2017/08/01 Javascript
React-Native使用Mobx实现购物车功能
2017/09/14 Javascript
angular2 ng2 @input和@output理解及示例
2017/10/10 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
vue实现购物车案例
2020/05/30 Javascript
vue+swiper实现左右滑动的测试题功能
2020/10/30 Javascript
python实现监控windows服务并自动启动服务示例
2014/04/17 Python
使用Python神器对付12306变态验证码
2016/01/05 Python
python实现杨辉三角思路
2017/07/14 Python
vue.js实现输入框输入值内容实时响应变化示例
2018/07/07 Python
pygame游戏之旅 调用按钮实现游戏开始功能
2018/11/21 Python
使用 Python 遍历目录树的方法
2020/02/29 Python
详解用Pytest+Allure生成漂亮的HTML图形化测试报告
2020/03/31 Python
Python基于locals返回作用域字典
2020/10/17 Python
详解pycharm的python包opencv(cv2)无代码提示问题的解决
2021/01/29 Python
ET Mall东森购物网:东森严选
2017/03/06 全球购物
银行柜员应聘推荐信范文
2013/11/24 职场文书
火箭队口号
2014/06/18 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
Elasticsearch 索引操作和增删改查
2022/04/19 Python
go goth封装第三方认证库示例详解
2022/08/14 Golang