如何使用Display标记Java库对列标题进行分组？

Question

我在我的Web应用程序中使用Display标记 Java库.我需要对一些列标题("常规"和"Office信息")进行分组,如以下示例所示.

Answer 1

Ashish，我试图澄清你的问题，希望能得到正确的答案。

如果您检查 DisplayTag 生成的 HTML 源代码，它会将列标题放入<thead>这样的标签中

<table cellspacing="0" cellpadding="0">
<thead>
    <tr>
        <th class="dtsortable">
            <a href="...">Firstname</a>
        </th>
        <th class="dtsortable">
            <a href="...">Lastname</a>
        </th>
    </tr>
</thead>
<tbody>
...

因此，您想要实现的目标是在分组中插入一个新行。我建议实现此目的的最简单方法是不要弄乱 DisplayTag 代码并使用 JQuery 操作 DOM 来实现此目的。

使用 JQuery

要获取此 HTML 代码...

<table id="display-tag "cellspacing="0" cellpadding="0">
<thead>
    <tr>
        <th colspan="2">
            heading
        </th>
    </tr>
    <tr>
        <th class="dtsortable">
            <a href="...">Firstname</a>
        </th>
        <th class="dtsortable">
            <a href="...">Lastname</a>
        </th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Bob</td>
        <td>Test</td>
    </tr>
    <tr>
        <td>Jane</td>
        <td>Test</td>
    </tr>
</tbody>
</table>

您可以使用这个 JQuery 代码...

$('#display-tag > thead').prepend('<tr><th colspan="2">heading</th></tr>');

您可以通过 JSFiddle 看到它的实际效果