JqG​​rid能否对移动设备上的显示做出响应？

Question

JqGrid能否对移动设备上的显示做出响应。

我已通过以下链接，但不确定调整大小事件是否会在移动设备上触发。

$(window).bind('resize', function() {
$("#jqgrid").setGridWidth($(window).width());
}).trigger('resize'); -- Resize event will trigger on mobile devices?

Resize jqGrid when browser is resized?

Answer 1

您需要从colModel中删除width参数。这段代码可以帮助您。

$(window).bind('resize', function() {
    $("#jqgrid").setGridWidth($('#form-box').width() - 30, true);
}).trigger('resize');

并改变你的html，

<div id="form-box">
     <table id="jqgrid">
     </table>
     <div id="pager"></div>
</div>

Answer 2

是的，您可以使其响应：

 *its very simple method,*

只需打开你的Css并以％表示宽度。

像

ui-grid{ width:100% !important; }

然后相应改变表体......