Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将jqGrid、JQueryUI ColumnChooser表转换为响应的表?_Jquery_Jquery Ui_Twitter Bootstrap_Jqgrid_Responsive Design - Fatal编程技术网

如何将jqGrid、JQueryUI ColumnChooser表转换为响应的表?

如何将jqGrid、JQueryUI ColumnChooser表转换为响应的表?,jquery,jquery-ui,twitter-bootstrap,jqgrid,responsive-design,Jquery,Jquery Ui,Twitter Bootstrap,Jqgrid,Responsive Design,以下是SimpleLocalGridWithColumnChooser:[它使用jqgrid、JQUI和多选择器插件。我想将上面链接中的整个网格转换为响应性网格。以下是它的源代码将您的jqgrid放在一个div中: <div id ="gridDiv"> <table id="list"></table> <div id="pager" style="text-align:center;"></div> </div

以下是SimpleLocalGridWithColumnChooser:[它使用jqgrid、JQUI和多选择器插件。我想将上面链接中的整个网格转换为响应性网格。以下是它的源代码

将您的jqgrid放在一个div中:

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

欢迎使用stackoverflow!如果您向我们展示您的尝试,而不是让它看起来像是我们的家庭作业,我们可以为您提供更多帮助。有关信息,请点击Thaks。我会的。您可以更清楚地指定您需要什么吗?我想将其转换为响应的描述不够清楚。@Oleg:链接中提供的网格没有响应。我只想将其转换为响应型,这样我也可以在智能手机中看到它[和它的源代码。@DineshRavi:抱歉,但我仍然不明白你是如何定义响应网格的,以及你到底遇到了什么问题。我尝试了你的解决方案。它仍然没有响应。我不知道我应该把js放在什么地方。这是它的源代码。你能把它放在确切的位置吗。
$(window).bind('resize', function() {
    $('.ui-jqdialog').center();
    $("#list").setGridWidth($('#gridDiv').width(), true);
    $("#pager").setGridWidth($('#gridDiv').width(), true);
});