您可以使用showCol和hideCol方法隐藏/显示条件列。 请注意，这些方法接受array作为参数来一次显示和隐藏更多列。文件可以是found here.

通过示例，您可以执行此操作

var $grid = $("#ProjectSearchGrid"),$grid.jqGrid("hideCol",["Project_Name2","Project_Name3"]); // hide these cols before resizing
newWidth = $grid.closest(".ui-jqgrid").parent().width();
$grid.jqGrid("setGridWidth",newWidth,true);

此外，如果使用Guriddo jqGrid，则可以使用功能 isMobile 在移动设备中加载网格时隐藏一些列。

以示例为例，您可以对Project_name2列执行此操作

colModel: [
    ...
    { name: 'Project_Name2',index: 'Project_Name2',width: 140,hidden: $.jgrid.isMobile() },

请始终在您的问题中包含有关您使用（或可以使用）的jqGrid的版本和jqGrid的分支的信息（{{ 3}}，商业free jqGrid或版本

如果使用免费的jqGrid fork，则可以在相应的列中添加classes: "hidden-xs",labelClasses: "hidden-xs"或classes: "hidden-xs hidden-sm",labelClasses: "hidden-xs hidden-sm"之类的属性。有关更多详细信息，请参见Guriddo jqGrid JS中的the demo。如果您不使用Bootstrap CSS，则可以手动添加hidden-**类的定义：

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

如果您使用的是旧版本的jqGrid，但您确实无法升级到免费的jqGrid或Guriddo，则可以尝试使用

$(window).bind("resize",function () {
    // your resize handler
}).triggerHandler("resize");

并调用hideCol或showCol隐藏/显示有关调整大小的列。如果您需要遵循这种方式，建议您仅在确实需要更改时才缓存隐藏/可见列的列表，以调用hideCol或showCol。要检测当前分辨率，可以使用window.matchMedia（请参见the old answer）或获取网格的某个外部div的宽度（<table id="list2"></table>的外部div）。

更新：我创建了演示here，该演示使用jqGrid 4.6，并演示了如何使用https://jsfiddle.net/OlegKi/n6g78two/隐藏/显示有关调整网格大小的某些列。如果视口的宽度为767像素或更小，则该演示将隐藏最后一列"ComboDuration"。它使用以下代码：

function hideOrShowColumns (e) {
    if (e.matches) {
        // we have view ports of 767 pixels wide or less
        $grid.jqGrid("hideCol","ComboDuration");
    } else {
        $grid.jqGrid("showCol","ComboDuration");
    }
}
var mql = window.matchMedia('(max-width: 767px)');
hideOrShowColumns(mql);
mql.addListener(function (e) {
    hideOrShowColumns(e);
});

$(window).bind("resize",function () {
    $grid.jqGrid("setGridWidth",$grid.closest(".my-container").width());
}).triggerHandler("resize");