2017-07-19 48 views
0

有沒有一種方法可以用多個rowspans排序表?我正在嘗試使用jsFiddle中的插件,但似乎年齡沒有正確排序。有沒有辦法使用rowspans對HTML表進行排序?我需要將這個表用rowspan排序。用rowspans排序表

HTML

<table cellspacing="1" class="tablesorter"> 
    <thead> 
    <tr> 
     <th>First Name</th> 
     <th>Age</th> 
     <th>Country</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>Peter</td> 
     <td>28</td> 
     <td rowspan="2" style="vertical-align:middle">AAA</td> 
    </tr> 
    <tr class="expand-child"> 
     <td>John</td> 
     <td>33</td> 
    </tr> 
    <tr> 
     <td>Clark</td> 
     <td>18</td> 
     <td>BBB</td> 
    </tr> 

    <tr> 
     <td>Bruce</td> 
     <td>22</td> 
     <td>CCC</td> 
    </tr> 
    </tbody> 
</table> 

JS

$('table').tablesorter(); 

回答

-1

使用的數據表,它擁有所有的功能:https://datatables.net/

$('.tablesorter').DataTable({ 
    "columnDefs": [ { 
    "targets": [ 0, 2 ], 
    "orderable": false 
    } ] 
}); 
0

它不喜歡你的「擴大-兒童」類。如果你刪除它,那麼它似乎很好。那個班正在做什麼?

+0

如果您雙擊排序按鈕,表中斷沒有該類 – user2896120

+0

您的意思是該列擴大?那是因爲你的tr的colspan是必要的嗎? – stevelacerda7