快捷導(dǎo)航

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

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

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

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

第一步：獲取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ù)據(jù)，就能取出來比如列名為：姓名，性別，年齡而數(shù)據(jù)為 userid，username，sex，age

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

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

您可能感興趣的文章:

相關(guān)文章

js獲取本機(jī)操作系統(tǒng)類型的兩種方法
這篇文章主要介紹了js獲取本機(jī)操作系統(tǒng)類型的方法,需要的朋友可以參考下
2015-12-12
微信小程序?qū)崿F(xiàn)搜索指定景點周邊美食、酒店
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)搜索指定景點周邊美食、酒店的功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-05-05
js中var、let、const之間的區(qū)別
本文主要介紹了js中var、let、const之間的區(qū)別，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-05-05
js通過canvas生成圖片縮略圖
對于生成縮略圖一般做法是通過后端語言php等來生成，但是為了給服務(wù)器減壓，我們或許可以從前端來著手，先生成好不同尺寸的縮略圖，傳給后端，而后端只需要將前端傳過來的圖片進(jìn)行存儲就好了
2020-10-10
JS基于VUE組件實現(xiàn)城市列表效果
這篇文章主要為大家詳細(xì)介紹了JS基于VUE組件實現(xiàn)城市列表效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
js 輸出內(nèi)容到新窗口具體實現(xiàn)代碼
js 輸出內(nèi)容一般都是在本窗口，如果要實現(xiàn)在新窗口的話該如何實現(xiàn)呢？下面與大家分享具體的代碼
2013-05-05
js操作textarea方法集合封裝(兼容IE,firefox)
在DOM里面操作textarea里面的字符，是比較麻煩的。于是我有這個封裝分享給大家，測試過IE6,8, firefox ,chrome, opera , safari。兼容沒問題。
2011-02-02
javascript解析json數(shù)據(jù)的3種方式
這篇文章主要介紹了解析json數(shù)據(jù)的3種方式,需要的朋友可以參考下
2014-05-05
.NET微信公眾號開發(fā)之創(chuàng)建自定義菜單
這篇文章主要介紹了.NET微信公眾號開發(fā)之創(chuàng)建自定義菜單的相關(guān)資料,需要的朋友可以參考下
2015-07-07
JavaScript 如何實現(xiàn)同源通信
在日常工作中，你可能會遇到同源頁面間通信的場景。針對這種場景，我們可以使用 localStorage 和 storage 事件來解決同源頁面間通信的問題。除此之外，我們還可以使用 Broadcast Channel API 來解決該問題。接下來，將帶大家一起來認(rèn)識一下 Broadcast Channel API。
2021-05-05