javascript - mottie - tablesorter is not a function

¿Cómo deshabilitar la clasificación en la columna en jQuery.tablesorter?

Question

Intento encontrar una manera de deshabilitar la clasificación en la columna. Yo uso jQuery plugin tablesorter . Y de forma predeterminada, si hace clic en la celda del encabezado, ordena los datos de la columna, pero lo que debo hacer si no necesito usar la clasificación en una o dos columnas en la tabla de cuatro columnas.

Gracias por adelantado.

Answer 1

Algo como:

$(''#selector'').tablesorter({headers: {0: { sorter: false}}});

Esto se describe claramente aquí: http://tablesorter.com/docs/example-options-headers.html

$(document).ready(function() {
$("#myTable").tablesorter({
// pass the headers argument and assing a object
headers: {
// assign the secound column (we start counting zero)
1: {
// disable it by setting the property sorter to false
sorter: false
},
// assign the third column (we start counting zero)
2: {
// disable it by setting the property sorter to false
sorter: false
}
}
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.21.2/js/jquery.tablesorter.min.js"></script>
<link rel=''stylesheet'' href=''https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.21.2/css/theme.blue.min.css'' type=''text/css'' />
<table id=''myTable'' cellspacing="1" class="tablesorter-blue">
<thead>>
<tr>
<th>first name</th>
<th>last name</th>
<th>age</th>
<th>total</th>
<th>discount</th>
<th>date</th>
</tr>
</thead>
<tbody>
<tr>
<td>peter</td>
<td>parker</td>
<td>28</td>
<td>$9.99</td>
<td>20%</td>
<td>jul 6, 2006 8:14 am</td>
</tr>
<tr>
<td>john</td>
<td>hood</td>
<td>33</td>
<td>$19.99</td>
<td>25%</td>
<td>dec 10, 2002 5:14 am</td>
</tr>
<tr>
<td>clark</td>
<td>kent</td>
<td>18</td>
<td>$15.89</td>
<td>44%</td>
<td>jan 12, 2003 11:14 am</td>
</tr>
<tr>
<td>bruce</td>
<td>almighty</td>
<td>45</td>
<td>$153.19</td>
<td>44%</td>
<td>jan 18, 2001 9:12 am</td>
</tr>
<tr>
<td>bruce</td>
<td>evans</td>
<td>22</td>
<td>$13.19</td>
<td>11%</td>
<td>jan 18, 2007 9:12 am</td>
</tr>
</tbody>
</table>

Answer 2

Debe pasar los parámetros apropiados en la inicialización, por ejemplo:

{ ...
headers: { 0: { sorter: false} }
}

Para más información, consulte el manual en:

tablesorter

Answer 3

En tablesorter v2.18.1 , ahora puede apuntar a una columna por el nombre de clase de un elemento dentro de un encabezado; tenga en cuenta que el intervalo tiene el nombre de la clase de destino en la primera columna de nombre.

HTML

 <table class="tablesorter">
<thead>
<tr>
<th><span class="first-name">First Name</span></th>
...

JS

 $("table").tablesorter({
headers: {
''.first-name'' : {
sorter: false
}
}
});

En tablesorter v2.0.5 y versiones anteriores, solo estaban disponibles los métodos de metadatos y opciones de encabezados.

En las versiones 2.3+ , las columnas se pueden deshabilitar utilizando cualquiera de los siguientes métodos (todos hacen lo mismo), en orden de prioridad:

• jQuery data data-sorter="false" .

  <table class="tablesorter">
  <thead>
  <tr>
  <th data-sorter="false">Age</th>
  ....

• class="{ sorter: false }" metadatos class="{ sorter: false }" . (Esto requiere el complemento de metadatos)

• opción de headers : { 0 : { sorter: false } } .

  $("table").tablesorter({
  headers : { 0 : { sorter: false }
  })

• encabezado class name class="sorter-false" .

  <table class="tablesorter">
  <thead>
  <tr>
  <th class="sorter-false">Discount</th>
  ....

• deshabilite una columna usando los datos de jQuery directamente, pero hágalo antes de que la tabla se inicialice.

  $("table thead th:eq(5)").data("sorter", false);
  $("table").tablesorter(

Answer 4

Para una sola columna xpapad es correcto

Para columnas múltiples deshabilitando clasificaciones

encabezados: {0: {clasificador: falso}, 1: {clasificador: falso}, 2: {clasificador: falso}}

http://tablesorter.com/docs/#Configuration

Answer 5

También puedes usar el atributo de datos html:

<th data-sorter="false">...</th>

O puedes usar una clase:

<th class="sorter-false">...</th>