如何在jqgrid中添加第二行

Question

目前我有以下jqgrid结构：

colName:['ID','Name'],
colModel:[ {<ID CODE HERE>},{<NAME CODE HERE>}],
<REST OF CODE HERE>

上面的jqgrid显示如下：

ID    Name
1     Name1
2     Name2

我想用动态数据在其上方显示一行。如：

Period
From 10/10/2013 To 10/10/2014
ID    Name
1     Name1
2     Name2

＆＃34;期间＆＃34;行是静态单词而它下面的行是＆＃34;从10/10/2013到10/10 / 2014＆＃34;是来自后端的动态数据，就像Name1和Name2等一样。

如何在它上面显示这两行？

Answer 1

可以在列标题上创建两个标准网格元素：标题（网格标题）和顶部工具栏（有关图片，请参阅here例子）。这两个标头都可以保存包含<br/>的任何常见HTML数据。

可以使用非空caption参数创建初始标题。您可以随时使用setCaption方法更改它。

要创建顶部工具栏，您应该包含toolbar: [true, "top"]选项。它在网格标题上创建了额外的div。 div具有类"ui-userdata"，并且基于网格的id构造id：“t_”+ grid_id。如果您需要在div中放置多行信息，则应覆盖默认CSS。有关详细信息和代码示例，请参阅the answer，this one和this one。