看看老例如从答案。该示例主要是关于另一个主题，但在导航栏中，您可以看到“列选择器”按钮。单击按钮显示列选择器对话框。您可以从对话框中拖动任何列名称并将其放在另一个位置以更改列顺序。您可以单击“-”以隐藏该列并将任何列从隐藏列列表中拖放到可见列列表中。

要重现该行为，您首先应该确保在 jqGrid 下载期间选择了“jQuery UI 插件”( grid.jqueryui.js)。那么你应该遵循以下步骤：

1. 包含ui.multiselect.css来自 jqGrid 4.0 源代码的 plugins 子目录。

2. 包括 jQuery UI jquery-ui.min.js（不仅jquery-ui.css通常需要 jqGrid）

3. 包括ui.multiselect.js在jquery-ui.min.js

4. 添加调用列选择器的新按钮

代码可以如下所示

var grid = $('#list');
grid.jqGrid ('navButtonAdd', '#pager',
             { caption: "", buttonicon: "ui-icon-calculator",
               title: "Choose Columns",
               onClickButton: function() {
                    grid.jqGrid('columnChooser');
               }
             });

更新： 答案包含columnChooser基于我的建议的一些额外定制的描述。