当前位置: 首页 > 编程笔记 >

关于Layui Table隐藏列问题

白博易
2023-03-14
本文向大家介绍关于Layui Table隐藏列问题,包括了关于Layui Table隐藏列问题的使用技巧和注意事项,需要的朋友参考一下

layui没有提供Table隐藏列的功能(只是写这个文档的时候没有提供)。

第一步:获取Layui的TableBox Jquery对象

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

this._table_elem 是指的Table标签的ID

layui-table-box 是layui的类名

第二步:将需要隐藏的列添加 display:none 的样式 :

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

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

附上源码

以上是对layui Table的简单封装。

其实只要改行对象有数据,就能取出来比如列名为 :姓名,性别,年龄 而数据为 userid,username,sex,age

尽管列名里面没有关于userid的字段,但是取行数据的时候实际上是可以取出来的。

以上这篇关于Layui Table隐藏列问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 问题内容: 我想基于一个隐藏列对行进行排序。 说我有一个像这样的JTable 现在,我还有一个隐藏的column3,但我不想显示。当用户单击Column2时,应基于Column3(隐藏列)而不是基于Column2对行进行排序。 如何在JTable中实现呢? 问题答案: 您可以默认将TableRowSorter添加到JTable中,但是有RowSorter,没有什么比Darryl的Multisort

  • 我实现了动态的列可见性来隐藏/显示列,例如和来显示/隐藏列5。我也有一个的回调,比方说,它用第5列中的文本制作了一个html按钮。 目前在中,我检查,如果为真,则继续执行

  • 我们想隐藏“有优惠券吗?添加一张…”在WooCommerce结账时,如果已添加优惠券或客户在结账页面上添加优惠券。 目前,我们在下面有此代码,当客户在购物车页面输入优惠券,然后导航到结帐页面时,此代码有效。在这种情况下,“拥有优惠券?添加一张…”消息不可见。如果购物车页面上未添加优惠券,则消息可见。 这很好用!但是,当客户在结账页面上添加优惠券时,它不起作用。 1.)我们收到消息“优惠券已添加”,

  • 问题:如果距离为空/null,我试图隐藏一个值。 我尝试了以下操作,但该值仍在显示: 和 什么是实现我所期待的正确方法。 以下是我在coldfusion中定义距离的方式: 当我做以下建议时: ng-show="e.distance===未定义" 当我执行其他建议时,例如ng hide=“e.distance”, 以下是提供商包含的内容:

  • 我正在阅读有关Webdriver隐式等待的文档,但我不确定我是否完全理解。 据我所知, 这将在查找任何元素时设置10秒的超时。 这到底是干什么用的? > 这是否意味着在查找任何元素时,即使该元素存在,我每次都会等待10秒?或者,在查找任何元素时,驱动程序是否会在确定缺少元素之前为浏览器提供 10 秒的宽限期来加载元素? 由于这适用于每个元素,我是否正确地假设对于Webdriver的每个实例只执行一

  • 本文向大家介绍隐藏SAP ABAP表控制列,包括了隐藏SAP ABAP表控制列的使用技巧和注意事项,需要的朋友参考一下 您可以使用具有以下组件的结构CXTAB_CONTROL: 看不见的C(1)标志(X或空白),用于整个表控件的可见性。 您可以使用示例程序:RSDEMO02,它允许您修改表控件的属性并查看结果。 当您使用此表控件“不可见”时,这会将内容更改为“ xxxxxxxxxxxx”,就像隐藏