mottie - Evite/deshabilite algunas filas específicas del proceso de clasificación utilizando jQuery tablesorter.js

tablesorter is not a function

Question

Tengo una tabla que estoy ordenando usando jquery plugin tablesorter. Aquí quiero evitar que la primera fila {class = "Avoid-sort"} se clasifique cuando se selecciona una columna para clasificar. ejemplo:

       <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" no debe venir en la clasificación!

¡¡Por favor ayuda!!

Answer 1

En la bifurcación de Mottie, el plugin staticRow ahora está integrado :

<script src="/js/tablesorter/jquery.tablesorter.min.js"></script>
<script src="/js/tablesorter/widgets/widget-staticRow.min.js"></script>
<!-- … -->
<tr class="static">…</tr>

$("table").tablesorter({
    widgets: [''staticRow'']
})

Alternativamente, puede establecer un nombre de clase personalizado:

<tr class="tablesorter-static">…</tr>

$("table").tablesorter({
    widgets: [''staticRow''],
    widgetOptions: {
        // Note it expects a CSS selector, not a raw class name
        staticRow_class: ".tablesorter-static"
    }
})

Answer 2

Tienes dos opciones:

1. Si está utilizando el tablesorter original, puede obtener este widget de fila estática para "bloquear" la fila en su lugar.

2. Si está utilizando mi bifurcación de tablesorter , puede agregar un tbody no clasificable, como este ( 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>

   luego inicialice la tabla de esta manera:

   $(function() { 
   
     $("table").tablesorter({ 
       theme : ''blue'', 
       cssInfoBlock : "avoid-sort", 
       widgets: [ ''zebra'' ] 
     }); 
   
   });

Answer 3

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

Aquí 4,8 son números de columna. la columna comienza con 0