layui按条件隐藏表格列的实例

 更新时间:2019年09月19日 10:01:50   作者:jacksonjj  
今天小编就为大家分享一篇layui按条件隐藏表格列的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

我就废话不多说了,直接上关键代码吧!给大家做个参考

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中的异步以及如何异步

    大家都知道js是单线程的,执行起来是顺序的,在顺序的业务逻辑中当然没有问题,如果遇到可以并发执行的业务逻辑,再排队就很低级了!所以这里我们再来简单的谈谈JS中的异步以及如何异步。
    2016-08-08
  • p5.js实现故宫橘猫赏秋图动画

    p5.js实现故宫橘猫赏秋图动画

    这篇文章主要为大家详细介绍了p5.js实现故宫橘猫赏秋图动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • 浅谈js中StringBuffer类的实现方法及使用

    浅谈js中StringBuffer类的实现方法及使用

    下面小编就为大家带来一篇浅谈js中StringBuffer类的实现方法及使用。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • js操作iframe父子窗体示例

    js操作iframe父子窗体示例

    这篇文章主要介绍了js如何操作iframe父子窗体,需要的朋友可以参考下
    2014-05-05
  • 微信小程序实现搜索指定景点周边美食、酒店

    微信小程序实现搜索指定景点周边美食、酒店

    这篇文章主要为大家详细介绍了微信小程序实现搜索指定景点周边美食、酒店的功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • Javascript中call的两种用法实例

    Javascript中call的两种用法实例

    这篇文章主要介绍了Javascript中call的两种用法实例,有需要的朋友可以参考一下
    2013-12-12
  • 一篇文中告诉你JS中的"值传递"和"引用传递"

    一篇文中告诉你JS中的"值传递"和"引用传递"

    在JavaScript中,可以通过值和引用传递,两者之间的主要区别是,按值传递发生在赋值基本类型的时候,而赋值对象时按引用传递,下面这篇文章主要给大家介绍了关于JS中"值传递"和"引用传递"的相关资料,需要的朋友可以参考下
    2022-05-05
  • cypress e2e测试编写注意点总结分析

    cypress e2e测试编写注意点总结分析

    这篇文章主要为大家介绍了cypress e2e测试编写注意点总结分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • 理解JavaScript表单的基础知识

    理解JavaScript表单的基础知识

    这篇文章主要带领大家理解JavaScript表单的基础知识,对javascript表单脚本进行深入学习,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 简单易用的倒计时js代码

    简单易用的倒计时js代码

    倒计时js代码想必大家都有用过,大同小异,本例为大家介绍的是简单易用的,需要的朋友可以参考下
    2014-08-08

最新评论