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異步表單提交,圖片上傳,兼容異步模擬ajax技術
使用Javascript異步表單提交,圖片上傳,兼容異步模擬ajax技術,需要的朋友可以參考下。2010-05-05JS獲取日期的方法實例【昨天,今天,明天,前n天,后n天的日期】
這篇文章主要介紹了JS獲取日期的方法,結合具體實例分析了javascript計算昨天,今天,明天,前n天,后n天日期及對應的星期幾實現(xiàn)技巧,需要的朋友可以參考下2017-09-09一些Javascript的IE和Firefox(火狐)兼容性的問題總結及常用例子
下面是一些Javascript的IE和Firefox(火狐)兼容性的常用例子2009-05-05出現(xiàn)“不能執(zhí)行已釋放的Script代碼”錯誤的原因及解決辦法
出現(xiàn)“不能執(zhí)行已釋放的Script代碼”錯誤的原因及解決辦法...2007-08-08js中substring和substr兩者區(qū)別和使用方法
這篇文章主要介紹了js中substring和substr兩者區(qū)別和使用方法,每一個步驟都有相應的文字介紹,感興趣的小伙伴們可以參考一下2015-11-11