Избегайте/отключать некоторые определенные строки из процесса сортировки с помощью 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