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

Question

我在我的Web应用程序中使用Display tag 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>');

你可以see this in action with this JSFiddle

Answer 2

你会这样做

角色                              CASBAdmin                              TEUser                               PubUser                                PWUser                                 MedUser                                  CommonUser                              “sortable =”true“＆gt;