微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

避免/禁用使用jQuery tablesorter.js的排序过程中的某些特定行

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

});

原文地址:https://www.jb51.cc/jquery/181972.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐