我有一个表,我正在使用jquery插件表排序。
在这里我想避免在排序任何列时选择第一行{class =“avoid-sort”}进行排序。
例:
在这里我想避免在排序任何列时选择第一行{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' ] }); });