如何将jqGrid，JQueryUI ColumnChooser表转换为响应式表？

Question

这里是SimpleLocalGridWithColumnChooser：[http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithColumnChooser5.htm]它使用jqgrid，jq-UI和multiselector插件。我想将上述链接中的整个网格转换为响应式网格。以下是http://pastebin.com/Gps8KLYP

的源代码

Answer 1

将你的jqgrid放在div中：

<div id ="gridDiv">
    <table id="list"></table>
    <div id="pager" style="text-align:center;"></div>
</div>

然后添加以下JS：

$(window).bind('resize', function() {
    $('.ui-jqdialog').center();
    $("#list").setGridWidth($('#gridDiv').width(), true);
    $("#pager").setGridWidth($('#gridDiv').width(), true);
});