如何使用用户选项隐藏jQuery jTable中的特定列?

Question

我正在使用jQuery jtable从我的服务器获取数据。在我的 jtable 中，我需要使用 user 选项隐藏某些列，为此，我在字段中编写了一个函数，如图所示。在这个特定的表中，我想隐藏描述列，为此我从用户那里获得了诸如"设备故障"之类的值。因此，如果用户选择设备故障，我只想隐藏表中的该特定列。

fields: {
Date: {
title: 'Date',
},
Event_name: {
title: 'Event Name',
},
Event_Description: {
title: 'Event Description',
},
Tag: {
title: 'Tag',
},
Description: {
title: 'Description',
visibility: function(data){
if(selectedEventName == 'Device Faults'){
return = hidden;
}
else{
return = fixed;
}
},
},
Serial_number: {
title: 'Serial Number',
},
IP_address: {
title: 'IP Address',
},
},

我怎么能做到这一点，有人可以帮助我吗？

谢谢

Answer 1

首先要说的是，jTable 可能内置了满足用户要求的功能。右键单击列标题，将出现一个弹出窗口，可以在其中选中/取消选中列以分别显示或隐藏列。

其次，字段选项visibility必须是静态值而不是函数。

初始化表后，可以使用jtable('changeColumnVisibility')函数隐藏或显示列。

例如。

$('#mytable').jtable('changeColumnVisibility','Description','hidden');

Answer 2

您可以使用可见性："隐藏"。 例如。。。。。。。

fields: {
HiddenInfo: {
title: 'HiddenInfo',
width: '10%',
visibility: 'hidden'
},

更多详情，请访问....http://jtable.org/Demo/ColumnHideShow