13

我在我的 Web 应用程序中使用Display 标签Java 库。我需要对一些列标题（“常规”和“办公室信息”）进行分组，如下例所示。

在此处输入图像描述

4

2 回答 2

3

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 看到这一点

于 2012-06-07T17:09:35.927 回答
-3

you will do like this

Roles CASBAdmin TEUser PubUser PWUser MedUser CommonUser " sortable="true">

于 2014-01-23T12:05:12.910 回答