jqgrid - JqG​​rid 可以响应移动设备上的显示吗？

Question

JqG​​rid 能否响应移动设备上的显示。

我已经浏览了下面的链接，但不确定调整大小事件是否会在移动设备上触发。

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

调整浏览器大小时调整jqGrid的大小？

Answer 1

您需要从 colModel 中删除宽度参数。这段代码可能会对您有所帮助。

$(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; }

然后相应地更改表体......