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 相关文章推荐
jquery 屏蔽一个区域内的所有元素,禁止输入
Oct 22 Javascript
input链接页面、打开新网页等等的具体实现
Dec 30 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
AngularJS 整理一些优化的小技巧
Aug 18 Javascript
easyui-combobox 实现简单的自动补全功能示例
Nov 08 Javascript
jQuery常用选择器详解
Jul 17 jQuery
详解Vue.js Mixins 混入使用
Sep 15 Javascript
Angular实现的进度条功能示例
Feb 18 Javascript
vue文件运行的方法教学
Feb 12 Javascript
详解使用WebPack搭建React开发环境
Aug 06 Javascript
VUE实现密码验证与提示功能
Oct 18 Javascript
详解JavaScript中Arguments对象用途
Aug 30 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中利用XML技术构造远程服务(下)
2006/10/09 PHP
PHP最常用的2种设计模式工厂模式和单例模式介绍
2012/08/14 PHP
thinkPHP+PHPExcel实现读取文件日期的方法(含时分秒)
2016/07/07 PHP
Yii2实现同时搜索多个字段的方法
2016/08/10 PHP
详解php用curl调用接口方法,get和post两种方式
2017/01/13 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
yii2安装详细流程
2018/05/23 PHP
PHP PDOStatement::bindParam讲解
2019/01/30 PHP
Javascript实例教程(19) 使用HoTMetal(2)
2006/12/23 Javascript
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2007/02/22 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
js计算德州扑克牌面值的方法
2015/03/04 Javascript
用JavaScript实现页面重定向功能的教程
2015/06/04 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
seajs学习之模块的依赖加载及模块API的导出
2016/10/20 Javascript
js实现前端分页页码管理
2017/01/06 Javascript
jquery pagination分页插件使用详解(后台struts2)
2017/01/22 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
vue-router单页面路由
2017/06/17 Javascript
js表单序列化判断空值的实例
2017/09/22 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
vue中使用rem布局代码详解
2019/10/30 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
[58:37]Serenity vs Fnatic 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
python简单实现获取当前时间
2016/08/27 Python
Python with语句上下文管理器两种实现方法分析
2018/02/09 Python
利用Python代码实现数据可视化的5种方法详解
2018/03/25 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
python 使用事件对象asyncio.Event来同步协程的操作
2020/05/04 Python
python让函数不返回结果的方法
2020/06/22 Python
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
人事任命书范文
2014/06/04 职场文书
护理医院见习报告
2014/11/03 职场文书
php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据
2021/04/01 PHP