¿Cómo se agrupan los encabezados de las columnas con la biblioteca de Display Display Java?

Question

Estoy usando la biblioteca de Java Display tag en mi aplicación web. Necesito agrupar algunos encabezados de columna ("General" e "Información de Office") como se muestra en el siguiente ejemplo.

Answer 1

Ashish, me trató de aclarar su pregunta y espero que lo han hecho bien.

Si marca el código HTML generado por DisplayTag pone los títulos de las columnas en una etiqueta como esta <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> 
... 

Así que lo que se quiere lograr la inserción de una nueva fila en la de sus agrupaciones. Sugeriría que la forma más fácil de lograr esto es no meterse con el código DisplayTag y usar JQuery para manipular el DOM para hacer esto.

usando jQuery

Para obtener este código 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> 

Usted puede utilizar el código jQuery ...

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

Puede see this in action with this JSFiddle

Answer 2

harás así

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