jqgrid 表头顶部增加5个自定义按钮

要在 jqGrid 表头顶部增加5个自定义按钮，可以通过以下步骤实现：

1. 在 jqGrid 的 caption 属性中增加一个 div 元素，例如：

caption: '<div id="myHeaderButtons"><button id="button1" class="btn btn-primary">Button 1</button><button id="button2" class="btn btn-primary">Button 2</button><button id="button3" class="btn btn-primary">Button 3</button><button id="button4" class="btn btn-primary">Button 4</button><button id="button5" class="btn btn-primary">Button 5</button></div>'

2. 在 jqGrid 的 loadComplete 事件中，为每个按钮绑定 click 事件回调函数，例如：

loadComplete: function () {
  $("#button1").click(function(){
    // 处理点击事件的逻辑
  });
  $("#button2").click(function(){
    // 处理点击事件的逻辑
  });
  $("#button3").click(function(){
    // 处理点击事件的逻辑
  });
  $("#button4").click(function(){
    // 处理点击事件的逻辑
  });
  $("#button5").click(function(){
    // 处理点击事件的逻辑
  });
}

3. 在 jqGrid 的 gridComplete 事件中，重新设置表头的高度，以便将按钮显示在顶部，例如：

gridComplete: function () {
  var headerHeight = $(".ui-jqgrid-hdiv").height();
  $(".ui-jqgrid-htable").height(headerHeight + 50);
  $("#myHeaderButtons").css("margin-top", "-" + (headerHeight + 50) + "px");
}

其中，50 是按钮的高度加上一些额外的空隙。

通过以上步骤，就可以在 jqGrid 的表头顶部增加5个自定义按钮了。