Javascript jqgrid列选择器宽度

我有一个很好的jqgrid和一个columnchooser。 但当我使用columnchooser删除所有列时，我的JQGrid表就消失了。（宽度：0） 那么有可能有最小宽度和最大宽度吗？
提前谢谢

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<link href="../../Scripts/plugins/ui.multiselect.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-ui-1.8.23.min.js" type="text/javascript"></script>
<script src="../../Scripts/plugins/ui.multiselect.js" type="text/javascript"></script>
<script src="../../Scripts/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="../../Scripts/src/i18n/grid.locale-nl.js" type="text/javascript"></script>
<link href="../../Scripts/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<link href="../../Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />

<table id="list"></table>
<div id="pager"></div>

<script type="text/javascript">
jQuery(document).ready(function () {
    jQuery("#list").jqGrid({
        url: '/Home/GridData/',
        datatype: 'json',
        mtype: 'GET',
        autowidth: true,
        colNames: ['Budgetsleutel', 'Beleidsdomein', 'beleidsitem'],
        colModel: [
      { name: 'budetsleutel', index: 'budetsleutel', width: 40, align: 'left', sortable: true, resizable: true, search: true },
      { name: 'beleiddsdomein', index: 'beleidsdomein', width: 40, align: 'left', sortable: true, resizable: true, search: true },
      { name: 'beleidsitem', index: 'beleidsitem', width: 200, align: 'left', sortable: true, resizable: true, search: true}],
        pager: '#pager',
        pgbuttons: true,
        rowNum: 10,
        rowList: [],
        sortname: 'Id',
        sortorder: "desc",
        gridview: true,
        viewrecords: true,
        height: 100,
        caption: "Toolbar Searching"
    });
    jQuery("#list").jqGrid('navGrid', '#pager');
    jQuery("#list").jqGrid('navButtonAdd', '#pager', {
        caption: "Columns",
        buttonicon: "ui-icon-calculator",
        title: "choose columns",
        jqModel:true,
        onClickButton: function () {
            jQuery("#list").jqGrid('columnChooser');
        }
    });
});

jQuery（文档）.ready（函数（）{
jQuery（“#list”）.jqGrid({
url:“/Home/GridData/”，
数据类型：“json”，
mtype:'获取'，
自动宽度：正确，
colNames:['Budgetsleutel'、'Beleidsdomein'、'beleidsitem']，
colModel：[
{name:'budetsleutel'，index:'budetsleutel'，width:40，align:'left'，sortable:true，reshable:true，search:true}，
{name:'beleidsdomein'，index:'beleidsdomein'，宽度：40，对齐：'left'，可排序：true，可调整大小：true，搜索：true}，
{name:'beleidsitem'，index:'beleidsitem'，width:200，align:'left'，sortable:true，reshable:true，search:true}]，
寻呼机：“#寻呼机”，
是的，
rowNum:10，
行列表：[]，
sortname:'Id'，
巫师：“描述”，
gridview：没错，
viewrecords：是的，
身高：100，
标题：“工具栏搜索”
});
jQuery（“#list”）.jqGrid（'navGrid'，'#pager'）；
jQuery（“#list”）.jqGrid（'navButtonAd'，'#pager'{
标题：“栏目”，
按钮图标：“ui图标计算器”，
标题：“选择列”，
jqModel：是的，
onclick按钮：函数（）{
jQuery（“#list”）.jqGrid（'columnChooser'）；
}
});
});

---

我在jqgrid的wiki页面中找到了问题的解决方案。
见下面的代码：

        onClickButton: function () {
            jQuery("#list").jqGrid('columnChooser', {
                done: function (perm) {
                    if (perm) {
                        this.jqGrid("remapColumns", perm, true);
                        this.jqGrid("setGridWidth", $("#gridwrapper").width());
                    } 
                }
            });
        }

---

我在jqgrid的wiki页面中找到了问题的解决方案。
见下面的代码：

        onClickButton: function () {
            jQuery("#list").jqGrid('columnChooser', {
                done: function (perm) {
                    if (perm) {
                        this.jqGrid("remapColumns", perm, true);
                        this.jqGrid("setGridWidth", $("#gridwrapper").width());
                    } 
                }
            });
        }