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

Question

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

        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