如何从 Jqgrid 子网格中删除表格列标题答案

【问题标题】：How to remove the table column headers from Jqgrid subgrid如何从 Jqgrid 子网格中删除表格列标题
【发布时间】：2012-05-31 19:13:11
【问题描述】：

我有以下 jqgrid 子网格：
http://jsfiddle.net/mojarame/uDd9J/34/

我正在尝试像下面的具有 jExpander 插件的 html 表一样对其进行配置 http://jsfiddle.net/mojarame/S5V6C/12/

但是 jqgrid 上子网格的第一个 JS Fiddle Demo 中的列标题是可见的。如何删除它们？

【问题讨论】：

我在演示中看不到任何表头。我只看到列标题。子网格中列的宽度与主网格中的不同。所以列标题的存在很有帮助。该演示在子网格中不包含实际数据。您真的需要将网格显示为子网格还是只想显示一行文本？此外，您在演示中遇到 CSS 问题，因为不会显示任何图标。您的 JavaScript 代码中有许多错误，并且代码创建了许多 id 的重复项。
我刚刚发布了代码来演示我在第一个 JS fiddle 演示中遇到的问题。第二个演示是为了证明我想要一个表，该表的行在没有列标题的情况下展开。
抱歉，第二个演示包含不会显示的图标。此外，单击“图标”我只看到 HTML 片段而没有子网格。所以我问你扩展“+”图标要显示什么？您想在 Subgid（另一个网格）或一些常见的 HTML 片段下方显示吗？
您看不到图标，因为第一个演示中有已知图像。但是，如果您单击正文中的第一列，您应该会看到该行展开。当您看到行展开时，您会看到子网格中有列标题。我想知道如何删除它们。
可能你不明白我关于普通HTML片段的子网格和子网格中的网格之间的区别的问题。我会给你写一个应该和应该的答案来描述我的意思。

标签： jqgrid html-table jtableheader

【解决方案1】：

在我看来，jExpander 插件的演示不显示任何子网格。它在下面的行中显示常见的 HTML 片段。我想您根本不需要创建子网格。取而代之的是，您可以显示任何您需要的通用 HTML 片段。

看看the very old answer。我主要使用当前jqGrid 4.3.3的对应demo显示如下

jqGrid 只需为子网格数据创建行并将div 放置在整个行上具有colSpan 的单元格中。你得到 div 的 id 作为 subGridRowExpanded 的 subgrid_id 参数。因此，您可以在 div 任何您想要的 HTML 片段中放置。它必须不仅仅是另一个网格。如果我理解您的要求正确，那么使用数据创建您的自定义 HTML 片段将解决您的问题。

【讨论】：

这正是我需要的我现在正在查看您的代码。谢谢。
@MojaRa：不客气！我认为，查看“common HTML Fragmant”的实现比阅读cmets中的描述更有帮助。 :-)
我可以问你一个问题吗？如何自定义每个子网格行中的 html。我看到你使用 append 函数和变量 html。我只是让大脑冻结以使这些子网格行中的每一个中的数据都是唯一的。如果您需要我将其作为一个单独的问题发布以说明问题，我会的。
@MojaRa: 将.append 替换为.html 可能会更清楚？我现在修改了demo的代码。我已经放置了文本... the row with id=...，以使所有行中的文本都不同。我还想说明，您可以根据 rowid（或行中的数据）生成 HTML 片段。是你的意思还是你想要别的？
@MojaRa：这是个好主意！我发现很好的例子或更好的演示可以很好地解释你遇到的问题。