jqGrid没有数据标题超出容器部分无法滚动解决办法

  jqGrid没有数据时,标题超出容器部分无法滚动,如下图所示

jqGrid没有数据标题超出容器部分无法滚动解决办法
jqGrid有数据,可以出现水平滚动条

jqGrid没有数据标题超出容器部分无法滚动解决办法
jqGrid无数据,没有滚动条,无法滚动显示其他部分页头

  因为jqGrid页头使用js来移动的,页头容器默认overflow:hidden,只需要添加loadComplete事件判断没有数据往head添加样式允许出现水平滚动条即可。本示例居于4.6版本jqgrid,其他版本注意修改样式。

jqGrid没有数据标题超出容器部分无法滚动解决办法

         jQuery("#dg1").jqGrid({
             loadComplete: function (data) {
                 //注意重新配置过jsonReader不是默认,记得修改数据节点名称rows
                 if (data.rows.length == 0) $('head').append('<style> .ui-jqgrid .ui-jqgrid-hdiv{overflow:auto}</style>');
             }
//....其他配置

 


原创文章,转载请注明出处:jqGrid没有数据标题超出容器部分无法滚动解决办法

评论(0)Web开发网
阅读(349)喜欢(0)不喜欢(0)jqGrid中文API