關(guān)于Layui Table隱藏列問(wèn)題

更新時(shí)間：2019年09月16日 17:44:58 作者：keep-go-on

今天小編就為大家分享一篇關(guān)于Layui Table隱藏列問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

layui沒(méi)有提供Table隱藏列的功能（只是寫(xiě)這個(gè)文檔的時(shí)候沒(méi)有提供）。

第一步：獲取Layui的TableBox Jquery對(duì)象

var _table_box = $(this._table_elem).next().find(".layui-table-box");

this._table_elem 是指的Table標(biāo)簽的ID

layui-table-box 是layui的類名

第二步：將需要隱藏的列添加 display：none 的樣式：

_table_box.find("[data-field="+value+"]").csss("display","none");

value 指的就是需要隱藏列的 field 值

附上源碼：

以上是對(duì)layui Table的簡(jiǎn)單封裝。

其實(shí)只要改行對(duì)象有數(shù)據(jù)，就能取出來(lái)比如列名為：姓名，性別，年齡而數(shù)據(jù)為 userid，username，sex，age

盡管列名里面沒(méi)有關(guān)于userid的字段，但是取行數(shù)據(jù)的時(shí)候?qū)嶋H上是可以取出來(lái)的。

以上這篇關(guān)于Layui Table隱藏列問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

使用js畫(huà)圖之餅圖
這篇文章主要介紹了使用js繪制幾何圖形系列教程的繪制餅圖篇,需要的朋友可以參考下
2015-01-01
監(jiān)控微信小程序中的慢HTTP請(qǐng)求過(guò)程詳解
這篇文章主要介紹了監(jiān)控微信小程序中的慢HTTP請(qǐng)求過(guò)程詳解，F(xiàn)undebug 的微信小程序監(jiān)控插件在 0.5.0 版本已經(jīng)支持監(jiān)控 HTTP 請(qǐng)求錯(cuò)誤，在小程序中通過(guò)wx.request發(fā)起 HTTP 請(qǐng)求，如果請(qǐng)求失敗，會(huì)被捕獲并上報(bào),需要的朋友可以參考下
2019-07-07
JS實(shí)現(xiàn)圖片預(yù)加載之無(wú)序預(yù)加載功能代碼
這篇文章主要介紹了JS實(shí)現(xiàn)圖片預(yù)加載之無(wú)序預(yù)加載功能代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-05-05
Extjs表單輸入框異步校驗(yàn)的插件實(shí)現(xiàn)方法
這篇文章主要介紹了Extjs表單輸入框異步校驗(yàn)的插件實(shí)現(xiàn)方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03
JS獲取字符對(duì)應(yīng)的ASCII碼實(shí)例
下面小編就為大家?guī)?lái)一篇JS獲取字符對(duì)應(yīng)的ASCII碼實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就想給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09
js判斷空對(duì)象的實(shí)例(超簡(jiǎn)單)
下面小編就為大家?guī)?lái)一篇js判斷空對(duì)象的實(shí)例(超簡(jiǎn)單)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
基于js判斷瀏覽器是否支持webGL
這篇文章主要介紹了基于js判斷瀏覽器是否支持webGL,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-04-04
前端判斷頁(yè)面是在PC端還是移動(dòng)端打開(kāi)四種方法
本文介紹幾種在前端開(kāi)發(fā)中用于判斷用戶設(shè)備類型（PC端或移動(dòng)端）的方法,包括使用navigator.userAgent、媒體查詢、第三方庫(kù)detect.js和Vue框架插件vue-device-detect,這些方法有助于在開(kāi)發(fā)中處理設(shè)備適配和頁(yè)面權(quán)限問(wèn)題,需要的朋友可以參考下
2024-10-10
js驗(yàn)證真實(shí)姓名與身份證號(hào),手機(jī)號(hào)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js驗(yàn)證真實(shí)姓名與身份證號(hào),手機(jī)號(hào)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
微信小程序?qū)崿F(xiàn)圖片懶加載的示例代碼
本篇文章主要介紹了微信小程序?qū)崿F(xiàn)圖片懶加載的示例代碼，實(shí)現(xiàn)的原理是通過(guò)頁(yè)面預(yù)加載圖片，對(duì)用戶體驗(yàn)度會(huì)有一定的提高，具有一定的參考價(jià)值，有興趣可以了解一下
2017-12-12