如何使用显示标记Java库对列标题进行分组?

2022-09-04 23:39:04

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

enter image description here


答案 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看到它的实际效果


答案 2

你会这样做的

Roles CASBAdmin TEUser PubUser PWUser MedUser CommonUser “ sortable=”true“>


推荐