jquery - jqGrid 不响应 hideCol 方法

Question

我对 jqGrid 的 hidecol 方法有疑问。调用了该方法，但没有任何反应。

我使用版本 jqGrid 4.5。

我的表是这样创建的:

        // Create table with jqGrid
    $('#shipTable').jqGrid({ // set your grid id
        data : tableItems, // insert data from the data object we created above
        datatype : 'local',
        autowidth : true,
        colNames : [
                'Name', 'Status', 'Ownership', 'Monitoring', 'Shiptype', 'Departure', 'ETD', 'Destination', 'ETA', 'Delta', 'SOG', 'Speed', 'HFO', 'HFO LS', 'MDO', 'MDO LS', 'RPM 24/H', 'Prop slip 24/H', 'GW 24/H', 'Next service'
        ], // define column names
        colModel : [
                {
                    name : 'name',
                    index : 'name',
                    width : 160,
                    hidden:false
                }, {
                    name : 'status',
                    index : 'status',
                    width : 70
                }, //other cols left out for brevity
        ], // define column models
        rowNum : 100,
        height : 400,
        scrollOffset : 30,
        sortname : 'id', 
        viewrecords : true, 
        sortorder : 'desc', 
        gridview : true, 
        caption : 'Ships',
        pager : '#pager',
        toppager:true,
        ignoreCase : false,
        onSelectRow : function(rowid) {
            // some work
        }
    });

我使用 jQuery 创建了一个复选框列表，用于管理列的可见性。

但是作为测试，我现在将所有复选框都称为:

$("#shipTable").jqGrid('hideCol',"Name").trigger('reloadGrid');

这应该可行，但由于某些原因它不是。我做了一些自定义 CSS，可以吗？

非常感谢任何提示!

Answer 1

您使用小写名称定义列(name : 'name')，但在列名称(“名称”)中使用第一个大写字母。要解决您需要使用的问题

$("#shipTable").jqGrid("hideCol", "name");

代替

$("#shipTable").jqGrid('hideCol',"Name").trigger('reloadGrid');