Làm cách nào để nhóm các tiêu đề cột bằng cách sử dụng thư viện Java thẻ Hiển thị?

Question

Tôi đang sử dụng thư viện Java Display tag trong ứng dụng web của mình. Tôi cần nhóm một số tiêu đề cột ("Chung" và "Thông tin Office") như trong ví dụ sau.

Answer 1

Ashish, tôi đã cố gắng để làm rõ câu hỏi của bạn và đã hy vọng đã nhận nó đúng.

Nếu bạn kiểm tra nguồn HTML được tạo ra bởi DisplayTag nó đặt các tiêu đề cột vào thẻ <thead> như thế này

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

Vì vậy, những gì bạn muốn đạt được chèn một hàng mới vào cho nhóm của bạn. Tôi cho rằng cách dễ nhất để đạt được điều này là không gây rối với mã DisplayTag và sử dụng JQuery để thao tác DOM để thực hiện điều này.

Sử dụng JQuery

Để có được mã HTML này ...

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

Bạn có thể sử dụng mã này JQuery ...

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

Bạn có thể see this in action with this JSFiddle

Answer 2

bạn sẽ làm như thế này

Vai trò CASBAdmin TEUser PubUser PWUser MedUser CommonUser "sắp xếp được =" true ">