jqGrid隐藏表头

  jqGrid如何隐藏表头,jqGrid的表头放在一个样式为ui-jqgrid-hdiv的div中,所以如果哪个jqGrid不需要表头,可以添加gridComplete事件,然后找到样式为ui-jqgrid-hdiv的div,隐藏起来就行,效果对比

jqGrid隐藏表头

jqGrid隐藏表头

 gridComplete: function () {//this对象为数据列表表格,所以找到数据内容表格和表头的容器后在查找ui-jqgrid-hdiv,表头容器
   $(this).closest('.ui-jqgrid-view').find('div.ui-jqgrid-hdiv').hide()
 }

  注意:如果jqGrid的hidegrid配置为true(就是在标题栏右边显示展开/收缩jqGrid内容的小箭头)时,当展开表格后会显示隐藏起来的表头,所以还需要添加onHeaderClick事件,当展开jqGrid时再次执行gridComplete中的代码。

gridComplete: function () {
    $(this).closest('.ui-jqgrid-view').find('div.ui-jqgrid-hdiv').hide()
},
onHeaderClick:function(gridstate){if(gridstate=='visible')$(this).closest('.ui-jqgrid-view').find('div.ui-jqgrid-hdiv').hide
()},
  如果确认不需要表头,以后不再显示,可以直接remove掉,而不是隐藏起来,这样就可以忽略hidegrid配置。
gridComplete: function () {
   $(this).closest('.ui-jqgrid-view').find('div.ui-jqgrid-hdiv').remove()
 }

 


原创文章,转载请注明出处:jqGrid隐藏表头
评论(0)Web开发网
阅读(3465)喜欢(0)不喜欢(0)jqGrid中文API