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编程起步(第四课)
Feb 27 Javascript
jquery mobile事件多次绑定示例代码
Sep 13 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
Dec 04 Javascript
jQuery实现下拉框功能实例代码
May 06 Javascript
Asp.Net之JS生成分页条的方法
Nov 23 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
Dec 28 Javascript
获取当前按钮或者html的ID名称实例(推荐)
Jun 23 Javascript
通过js动态创建标签,并设置属性方法
Feb 24 Javascript
动态加载、移除js/css文件的示例代码
Mar 20 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
Jun 11 Javascript
JS中this的4种绑定规则详解
Feb 04 Javascript
antd-mobile ListView长列表的数据更新遇到的坑
Apr 08 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 mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
PHP实现常用排序算法的方法
2020/02/05 PHP
THINKPHP5分页数据对象处理过程解析
2020/10/28 PHP
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
JS图片无缝、平滑滚动代码
2014/03/11 Javascript
Javascript基础教程之while语句
2015/01/18 Javascript
jQuery实现动态删除LI的方法
2017/05/30 jQuery
vue项目总结之文件夹结构配置详解
2017/12/13 Javascript
微信小程序文章详情页面实现代码
2018/09/10 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
Vue 自定义指令功能完整实例
2019/09/17 Javascript
微信小程序中网络请求缓存的解决方法
2019/12/29 Javascript
[48:28]完美世界DOTA2联赛循环赛FTD vs Magma第二场 10月30日
2020/10/31 DOTA
Python数据类型学习笔记
2016/01/13 Python
Python的IDEL增加清屏功能实例
2017/06/19 Python
Python2和Python3中print的用法示例总结
2017/10/25 Python
Pycharm 实现下一个文件引用另外一个文件的方法
2019/01/17 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
日本最大的药妆连锁店:Matsukiyo松本清药妆店
2017/11/23 全球购物
J2SDK1.5与J2SDK5.0有什么区别
2012/09/19 面试题
毕业生自荐信
2013/12/14 职场文书
员工工作表扬信范文
2014/01/13 职场文书
思想品德课教学反思
2014/02/10 职场文书
环保倡议书50字
2014/05/15 职场文书
火箭队口号
2014/06/18 职场文书
个人自荐书范文
2015/03/09 职场文书
股东大会通知
2015/04/24 职场文书
2015年纪念“卢沟桥事变”78周年活动方案
2015/05/06 职场文书
银行求职信怎么写
2019/06/20 职场文书
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers