DisplayタグJavaライブラリを使用して列ヘッダーをグループ化するにはどうすればよいですか？

Question

ウェブアプリケーションでDisplay tag Javaライブラリを使用しています。次の例に示すように、いくつかの列ヘッダー（ "General"と "Office Info"）をグループ化する必要があります。

Answer 1

あるAshishは、私はあなたの質問を明確にしようとしましたが、うまくいけば右のそれを持っています。

あなたはDisplayTagによって生成されたHTMLソースを確認した場合、それはこの

<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> 
... 

よう<thead>タグに列見出しを置きますので、何を達成したいことは、あなたのグループのために新しい行を挿入しています。これを達成する最も簡単な方法は、DisplayTagコードを混乱させることではなく、JQueryを使ってDOMを操作することです。このHTMLコードを取得するにはJQuery

使用

...

<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 "ソート可能="> "真