我有一个表,我正在使用 jquery 插件 tablesorter 对其进行排序。 在这里,我想避免在选择任何列进行排序时对第一行 {class="avoid-sort"} 进行排序。 示例:
<小时/> <thead>
<tr>
<th class="header">#</th>
<th class="header">Purchase Date</th>
<th class="header">Course Name</th>
<th class="header">Amount(in $)</th>
<th class="header">User Name</th>
<th class="header">Share</th>
<th class="header">Net Revenue [$236.41]</th>
</tr>
</thead>
<tbody>
<tr class="avoid-sort">
<th colspan="7">Total Revenue</th>
<td>236.41</td>
</tr>
<tr>
<td>1</td>
<td>January 3rd, 2013</td>
<td>Tackle Certification</td>
<td>50</td>
<td>Khushi Jha</td>
<td>35</td>
<td>33.69</td>
</tr>
<tr>
<td>2</td>
<td>January 3rd, 2013</td>
<td>Flag Certification</td>
<td>100</td>
<td>Pay</td>
<td>70</td>
<td>67.67</td>
</tr>
<tr>
<td>3</td>
<td>January 3rd, 2013</td>
<td>Tackle Certification</td>
<td>50</td>
<!-- <td>-->
<!--</td>-->
<td>Pay</td>
<td>35</td>
<td>33.69</td>
</tr>
<小时/>
tr class="avoid-sort"不应该出现在排序中!
请帮忙!!
最佳答案
你有两个选择:
如果您使用原始的表排序器,您可以获得此 static row widget将行“锁定”到位。
如果您正在使用我的fork of tablesorter ,您可以添加一个不可排序的 tbody,如下所示 ( demo ):
<table> <thead> ... </thead> <!-- rows within this tbody are ignored --> <tbody class="avoid-sort"> <tr> <th colspan="7">Total Revenue</th> <td>236.41</td> </tr> </tbody> <tbody> <!-- sortable rows --> <tr> ... </tr> </tbody> </table>
然后像这样初始化表:
$(function() { $("table").tablesorter({ theme : 'blue', cssInfoBlock : "avoid-sort", widgets: [ 'zebra' ] }); });
关于jquery - 使用 jQuery tablesorter.js 避免/禁用排序过程中的某些特定行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14231081/