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

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

Ответ 1

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

Если вы проверяете источник 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>');

Вы можете видеть это в действии с помощью этого JSFiddle

Ответ 2

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

Роли CASBAdmin TEUser PubUser PWUser MedUser CommonUser "sortable =" true" >