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

Question

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

        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 可能内置了满足用户需求的功能。右击列标题会出现弹窗，其中列可以checked/unchecked分别显示或隐藏该列。

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

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

例如

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

Answer 2

您可以使用可见性：'hidden'。例如......

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

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

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

How to hide a particular column in jQuery jTable with the user option?

jquery

jtable

jquery-jtable