jQgrid:多列行标题

Jon*_*han 9 javascript jquery jqgrid

我试图扩展我的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
Run Code Online (Sandbox Code Playgroud)

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

Ole*_*leg 12

问题实际上并不像乍看之下那么容易.我试图找到一个简单的解决方案,但我发现你可以在这里看到最好的结果: 在此输入图像描述

标题的顺序(级别1和级别2)并不像人们想要的那样.像其他尝试这个是越野车,因为排序和列大小调整工作不更正确.

为了解理解:网格移动到桌子的<thead> 外部并将其放在单独的内部放在桌子上方(有关更多信息,请参见此处).它允许包括一些其他信息,如在表头和表体之间搜索工具栏.在jqGrid的代码像列大小调整和列的其它地方排序作品不正确,如果有存在其他头(多了一个<tr><th>元素)在主列标题.因此,只有在主列标题插入额外的列标题(当然看起来不太好)不会破坏列的排序和大小调整.

更新:请参阅答案,该答案确实在某些限制下提供了问题的解决方案.


小智 5

我知道这是一个迟到的答案,但是为了将来参考标题分组现在包含在jqGrid的4.2.0版本中