快捷導(dǎo)航

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

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

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

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

第一步：獲取Layui的TableBox Jquery對象

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 值

附上源碼：

以上是對layui Table的簡單封裝。

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

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

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

您可能感興趣的文章:

相關(guān)文章

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