Question

我正在使用jQuery jtable从我的服务器获取数据。在我的jtable中，我需要使用user选项隐藏某些列，为此我在我的字段中编写了一个函数，如图所示。在这个特定的表中，我想为此隐藏Description列，我得到的值是＆＃39; Device Fault＆＃39;来自用户。因此，如果用户选择设备故障，我想只隐藏表中的特定列。

        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

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

2 个答案: