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按条件隐藏表格列的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js操作css属性实现div层展开关闭效果的方法

    js操作css属性实现div层展开关闭效果的方法

    这篇文章主要介绍了js操作css属性实现div层展开关闭效果的方法,涉及javaScript操作css样式实现div弹出层的效果,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法

    autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法

    这篇文章主要介绍了autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法,本文通过图文并茂实例代码相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • ECharts入门教程

    ECharts入门教程

    ECharts 是一个使用JavaScript实现的开源可视化库,涵盖各行业图表,满足各种需求。这篇文章介绍了ECharts的基础知识,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • uniapp踩坑实战之文件查找失败:'uview-ui' at main.js解决办法

    uniapp踩坑实战之文件查找失败:'uview-ui' at main.js解决办法

    这篇文章主要给大家介绍了关于uniapp踩坑实战之文件查找失败:'uview-ui' at main.js的解决办法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 基于Cesium绘制抛物弧线

    基于Cesium绘制抛物弧线

    这篇文章主要为大家详细介绍了基于Cesium绘制抛物弧线,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 浅析JavaScript定时器setTimeout的时延问题

    浅析JavaScript定时器setTimeout的时延问题

    这篇文章主要为大家详细介绍了JavaScript中定时器setTimeout有最小时延的相关知识,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-11-11
  • BootStrap中关于Select下拉框选择触发事件及扩展

    BootStrap中关于Select下拉框选择触发事件及扩展

    Select下拉框的问题,想在选择一个选项后,前台显示做出变动,并且知道选择的是第几个选项。 怎么解决这个问题呢?下面小编给大家带来了BootStrap中关于Select下拉框选择触发事件及扩展,需要的朋友参考下吧
    2016-11-11
  • ie8 不支持new Date(2012-11-10)问题的解决方法

    ie8 不支持new Date(2012-11-10)问题的解决方法

    使用JS的时候也碰到了如下问题,后来经过修改,在IE8环境里,下面的代码是可用的,下面与大家分享下ie8 不支持new Date的解决方法,有类似问题的朋友可以参考下
    2013-07-07
  • JS彻底弄懂GMT和UTC时区

    JS彻底弄懂GMT和UTC时区

    这篇文章主要介绍了JS彻底弄懂GMT和UTC时区,对时间感兴趣的同学,可以参考下
    2021-04-04
  • 利用js编写响应式侧边栏

    利用js编写响应式侧边栏

    这篇文章主要为大家详细介绍了利用js编写响应式侧边栏的相关代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09

最新评论