时间戳

首页 > 解决方案 > 如何使用用户选项隐藏 jQuery jTable 中的特定列？

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

问题描述

我正在使用 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',
        },
    },

我怎样才能做到这一点，有人可以帮我解决这个问题。

谢谢

标签： jqueryjtablejquery-jtable

解决方案

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

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

初始化表格后，您可以使用该jtable('changeColumnVisibility')功能隐藏或显示列。

例如。

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

推荐阅读