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 相关文章推荐
jQueryUI写一个调整分类的拖放效果实现代码
May 10 Javascript
Javascript基础之数组的使用
May 13 Javascript
js学习笔记之事件处理模型
Oct 31 Javascript
原生js编写焦点图效果
Dec 08 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
Mar 13 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
May 02 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
Vue2.0生命周期的理解
Aug 20 Javascript
vue实现下拉加载其实没那么复杂
Aug 13 Javascript
javascript实现京东登录显示隐藏密码
Aug 02 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
微信小程序开发数据缓存基础知识辨析及运用实例详解
Nov 06 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环境搭建与配置
2016/12/05 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
PHP getID3类的使用方法学习笔记【附getID3源码下载】
2019/10/18 PHP
分享一个我自己写的ToolTip提示插件(附源码)
2013/01/20 Javascript
JS简单实现元素复制示例附图
2013/11/19 Javascript
JS取文本框中最小值的简单实例
2013/11/29 Javascript
jQuery操作表单常用控件方法小结
2015/03/23 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
javascript创建对象、对象继承的实用方式详解
2016/03/08 Javascript
jQuery Easyui 下拉树组件combotree
2016/12/16 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/15 Javascript
js 奇葩技巧之隐藏代码
2017/08/11 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
swiper 自动图片无限轮播实现代码
2018/05/21 Javascript
解决vue数组中对象属性变化页面不渲染问题
2018/08/09 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
2020/07/19 Javascript
基于JS实现快速读取TXT文件
2020/08/25 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
Python实现截屏的函数
2015/07/25 Python
python字典的常用操作方法小结
2016/05/16 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
Python3 字典dictionary入门基础附实例
2020/02/10 Python
对python中list的五种查找方法说明
2020/07/13 Python
HTML5 history新特性pushState、replaceState及两者的区别
2015/12/26 HTML / CSS
Avène雅漾美国官方网站:敏感肌肤护理专家
2016/10/24 全球购物
关于Java finally的面试题
2016/04/27 面试题
财会自我鉴定范文
2013/12/27 职场文书
单位介绍信范文
2014/01/18 职场文书
优秀的应届生自荐信
2014/05/23 职场文书
Python开发工具Pycharm的安装以及使用步骤总结
2021/06/24 Python
Python实现GIF动图以及视频卡通化详解
2021/12/06 Python
MySQL实战记录之如何快速定位慢SQL
2022/03/23 MySQL