javascript - jQgrid:多列行标题

Question

我正在尝试扩展我的 jQGrid 以在标题中包含多行。

看起来像这样

               -----------------------
Level 1 - >    | Application         |
               -----------------------  
Level 2 - >    |Code    | Name       |  
               -----------------------
               | 0002827| Mobile Phone1
               | 0202827| Mobile Phone2
               | 0042827| Mobile Phon3e
               | 0005827| Mobile Phone4
               | 0002627| Mobile Phon5e
               | 0002877| Mobile Phone6
               | 0002828| Mobile Phone7

我想知道如何使用 jQGrid 3.8.2 做到这一点？有任何想法吗？

Answer 1

问题真的没有乍看起来那么简单。我试图找到一个简单的解决方案，但我发现最好的结果你可以看到 here :

header 的顺序(1 级和 2 级)并不像人们希望的那样。其他尝试，如 this或 this有问题，因为排序和列大小调整不正确。

为了理解:网格移动 <thead> 在 表格之外，并将其放在单独的 中， 位于表格上方(请参阅 here 了解更多信息)。它允许包含一些额外的信息，例如在表头和表体之间 搜索工具栏。如果在主列标题上存在其他标题(一个更多的 <tr> 和 <th> 元素)，jqGrid 代码中的其他地方(如列大小调整和列排序)将不正确。因此只有在主列标题下插入额外的列标题(当然看起来不太好)不会破坏列的排序和大小调整。

更新:参见the answer在某些限制下确实提供了问题的解决方案。