13

Web アプリケーションで表示タグ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

あなたはこのようにします

ロール CASBAdmin TEUser PubUser PWUser MedUser CommonUser " sortable="true">

于 2014-01-23T12:05:12.910 に答える