Ответ 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>');