layui按条件隐藏表格列

谁践踏了优雅 2022-04-22 02:56 610阅读 0赞

直接上关键代码：

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);
    							    }
    							  }
    							});
    					  }
    					});

发表评论取消回复

表情：

评论列表（有 0 条评论，610人围观）

还没有评论，来说两句吧...

相关阅读

相关动态显示与隐藏表格的列

一、整个表格（表头加数据）动态变化： 1、效果： ![20200609163545641.png][] 点击表头，弹出选择框： ![20200609163623496.

ゞ浴缸里的玫瑰/ 2023年02月16日 10:56/ 0 赞/ 5 阅读

相关 layui表格内文本超出隐藏问题

只需要更改样式即可图片：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

梦里梦外;/ 2022年12月08日 15:58/ 0 赞/ 251 阅读

相关 php控制表格列的显示与隐藏,element-ui表格组件table实现列的动态显示与隐藏

前言在开发后台管理系统中，表格是经常用到的数据展示方式。然而，有时候表格展示的列过多，会出现一屏展示不下，需要手动滚动滚动条查看的情况。其实，在系统实际使用的过程中，不

╰半橙微兮°/ 2022年11月18日 04:33/ 0 赞/ 323 阅读

相关 Angularjs实现表格按指定列排序

<table class="table table-border" ng-app="myapp" ng-controller="orderByCtrl">

亦凉/ 2022年05月10日 20:56/ 0 赞/ 248 阅读

相关 layui按条件隐藏表格列

直接上关键代码： layui.use(['table','form','laypage'], function() { var table = layui

谁践踏了优雅/ 2022年04月22日 02:56/ 0 赞/ 611 阅读

相关 layui表格内文本超出隐藏问题

只需要更改样式即可图片：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

深碍√TFBOYSˉ_/ 2022年03月29日 11:50/ 0 赞/ 596 阅读

相关 layui 表格操作列按钮动态显示

1、根据表格数据动态显示操作列按钮 <script type="text/html" id="barDemo"> { { if (d.eve

末蓝、/ 2022年02月28日 15:40/ 0 赞/ 502 阅读

相关 Layui复杂表格

开发工具与关键技术：MVC 作者：文泽钦撰写时间：2019年5月3日星期一常见的表格只有一行表头的，但我们今天做一个复杂表格，先看看单表头的效果，等一会写完复杂表

谁借莪１个温暖的怀抱￠/ 2022年01月21日 03:51/ 0 赞/ 829 阅读

相关编辑layui表格

开发工具与关键技术：SQL Server 2014与jquery 作者：戴怡斌撰写时间：2019年7月26日在学习jquer

爱被打了一巴掌/ 2021年11月23日 23:26/ 0 赞/ 525 阅读

相关 layui table隐藏列

layui的官网table demo如下： layui.use('table', function(){ var table = layui.table;

朱雀/ 2021年06月24日 16:12/ 0 赞/ 721 阅读