Wie gruppieren Sie Spaltenüberschriften mit der Java-Bibliothek Tag anzeigen?

Question

Ich bin mit der Display tag Java-Bibliothek in meiner Web-Anwendung. Ich muss einige Spaltenüberschriften ("Allgemein" und "Office Info") gruppieren, wie im folgenden Beispiel gezeigt.

Answer 1

Ashish, versuchte ich Ihre Frage zu klären und haben hoffentlich es richtig gemacht haben.

Wenn Sie die HTML-Quelle von DisplayTag erzeugt überprüfen sie die Spaltenüberschriften in eine <thead> Tag legt wie diese

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

Also, was Sie erreichen wollen, wird eine neue Zeile in die für Ihre Gruppierungen einsetzen. Ich würde vorschlagen, dass der einfachste Weg, dies zu erreichen, nicht mit DisplayTag-Code zu tun ist und JQuery verwendet, um das DOM dafür zu manipulieren.

Mit JQuery

Um diesen HTML-Code zu erhalten ...

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

Sie können diesen Code verwenden JQuery ...

$('#display-tag > thead').prepend('<tr><th colspan="2">heading</th></tr>'); 

Sie können see this in action with this JSFiddle

Answer 2

Sie werden dies tun

Rollen CASBAdmin TEUser PubUser PWUser MedUser CommonUser "sortierbar =" true ">