如何在jqgrid中添加第二行

【问题标题】：How to add second row in jqgrid如何在jqgrid中添加第二行
【发布时间】：2014-01-21 05:36:57
【问题描述】：

目前我有以下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

“Period”行是静态词，而其下方的“From 10/10/2013 To 10/10/2014”行是来自后端的动态数据，如 Name1 和 Name2 等。

如何在上面显示这两行？

【问题讨论】：

例如，您可以使用Group Column Headers，查看他们的文档了解如何使用它们。

标签： jquery jqgrid

【解决方案1】：

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

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

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

【讨论】：