layui按条件隐藏表格列

谁践踏了优雅 2022-04-22 02:56 654阅读 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 条评论，654人围观）

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

相关阅读

相关 layui根据条件修改表格固定行的颜色

按钮样式存在 “noedit”时，该行变灰色 var data=\{ table :\{ id:'userlist-ta...

拼搏现实的明天。/ 2024年04月18日 16:28/ 0 赞/ 79 阅读

相关 layui 表格输入框条件查询问题

直接代码吧！ <table class="layui-table" lay-filter="test" id="tab"></table> <script

￡神魔★判官ぃ/ 2024年02月19日 19:11/ 0 赞/ 58 阅读

相关 bootstrap-table根据条件隐藏列

记录下bootstrap-table的一个回调函数，可以在刷新页面时修改table的列等信息，直接上代码： $("myTable").on('load-success

蔚落/ 2023年07月25日 14:12/ 0 赞/ 1 阅读

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

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

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

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

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

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

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

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

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

相关 layui按条件隐藏表格列

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

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

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

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

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

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

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

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

相关 layui table隐藏列

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

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