關(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隱藏列的功能（只是寫這個(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è)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- layui異步加載table表中某一列數(shù)據(jù)的例子
- layui table 表格上添加日期控件的兩種方法
- layui實(shí)現(xiàn)根據(jù)table數(shù)據(jù)判斷按鈕顯示情況的方法
- layui-table獲得當(dāng)前行的上/下一行數(shù)據(jù)的例子
- layui table單元格事件修改值的方法
- layui將table轉(zhuǎn)化表單顯示的方法(即table.render轉(zhuǎn)為表單展示)
- 解決layui table表單提示數(shù)據(jù)接口請(qǐng)求異常的問(wèn)題
- layui table 表格模板按鈕的實(shí)例代碼
- layui table動(dòng)態(tài)表頭 改變表格頭部 重新加載表格的方法
- layui table 列寬百分比顯示的實(shí)現(xiàn)方法
相關(guān)文章
這篇文章主要介紹了js獲取本機(jī)操作系統(tǒng)類型的方法,需要的朋友可以參考下2015-12-12
微信小程序?qū)崿F(xiàn)搜索指定景點(diǎn)周邊美食、酒店
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)搜索指定景點(diǎn)周邊美食、酒店的功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
本文主要介紹了js中var、let、const之間的區(qū)別，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
對(duì)于生成縮略圖一般做法是通過(guò)后端語(yǔ)言php等來(lái)生成，但是為了給服務(wù)器減壓，我們或許可以從前端來(lái)著手，先生成好不同尺寸的縮略圖，傳給后端，而后端只需要將前端傳過(guò)來(lái)的圖片進(jìn)行存儲(chǔ)就好了2020-10-10
這篇文章主要為大家詳細(xì)介紹了JS基于VUE組件實(shí)現(xiàn)城市列表效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
js 輸出內(nèi)容到新窗口具體實(shí)現(xiàn)代碼
js 輸出內(nèi)容一般都是在本窗口，如果要實(shí)現(xiàn)在新窗口的話該如何實(shí)現(xiàn)呢？下面與大家分享具體的代碼2013-05-05
js操作textarea方法集合封裝(兼容IE,firefox)
在DOM里面操作textarea里面的字符，是比較麻煩的。于是我有這個(gè)封裝分享給大家，測(cè)試過(guò)IE6,8, firefox ,chrome, opera , safari。兼容沒(méi)問(wèn)題。2011-02-02
javascript解析json數(shù)據(jù)的3種方式
這篇文章主要介紹了解析json數(shù)據(jù)的3種方式,需要的朋友可以參考下2014-05-05
.NET微信公眾號(hào)開(kāi)發(fā)之創(chuàng)建自定義菜單
這篇文章主要介紹了.NET微信公眾號(hào)開(kāi)發(fā)之創(chuàng)建自定義菜單的相關(guān)資料,需要的朋友可以參考下2015-07-07
JavaScript 如何實(shí)現(xiàn)同源通信
在日常工作中，你可能會(huì)遇到同源頁(yè)面間通信的場(chǎng)景。針對(duì)這種場(chǎng)景，我們可以使用 localStorage 和 storage 事件來(lái)解決同源頁(yè)面間通信的問(wèn)題。除此之外，我們還可以使用 Broadcast Channel API 來(lái)解決該問(wèn)題。接下來(lái)，將帶大家一起來(lái)認(rèn)識(shí)一下 Broadcast Channel API。2021-05-05