Как группировать заголовки столбцов с помощью тега Java-тега отображения?

Question

Я использую библиотеку Java Display tag в своем веб-приложении. Мне нужно сгруппировать некоторые заголовки столбцов («Общие» и «Офисная информация»), как показано в следующем примере.

Answer 1

Ashish, я попытался уточнить свой вопрос и, надеюсь, получили это право.

Если проверить источник HTML, генерируемый DisplayTag он помещает заголовки столбцов в <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>'); 

Вы можете see this in action with this JSFiddle

Answer 2

вы сделаете так:

Роли CASBAdmin TEUser PubUser PWUser MedUser CommonUser "сортировкой =" истинный ">