2017-07-19 43 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