Избегайте/отключать некоторые определенные строки из процесса сортировки с помощью jQuery tablesorter.js

У меня есть одна таблица, которую я сортирую, используя jQuery plugin 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" не должен сортироваться!

Пожалуйста, помогите!

Ответ 1

У вас есть два варианта:

Если вы используете оригинальный tablesorter, вы можете получить этот статический виджет строки, чтобы "заблокировать" строку на месте.

Если вы используете мою вилку tablesorter, вы можете просто добавить не сортируемый tbody, как это (демо):

<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' ] 
  }); 

});

Ответ 2

$(function() {     
$("#myTable").tablesorter({
        headers: {4: {sorter: false},8: {sorter: false}}
    });
});

здесь 4,8 - номера столбцов. столбец начинается с 0