jQuery TableSorter Error de complemento en init: no se puede leer la propiedad '0' de undefined

Question

Quiero ordenar mi tabla con jQuery Plugin TableSorter. Así que me sale esta tabla:

<table id="stats" class="zebra-striped"> 
<thead> 
    <tr> 
    <th>Date</th> 
    <th>Annonce</th> 
    <th>Support</th> 
    <th>Nb Assoc.</th> 
    <th>Nb Transfo.</th> 
    <th>Cout</th> 
    </tr> 
</thead> 
<tbody> 
</tbody> 
</table> 

Así que como pueden ver mi mesa está vacía, acaba de tener un encabezado. Así que init tablesorter con celda vacía con:

$("table#stats").tablesorter({ sortList: [[0,0]]}); 

e inmediatamente me sale este error:

jquery.tablesorter.min.js:4 Uncaught TypeError: Cannot read property '0' of undefined

FYI, hay mis js cargados:

<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> 
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.5.1.min.js">\x3C/script>')</script> 
<script src="js/bootstrap-dropdown.js"></script> 
<script src="js/bootstrap-scrollspy.js"></script> 
<script src="js/jquery.tablesorter.min.js"></script> 

Cualquier idea de por qué obtener esto y cómo puedo hacer que el complemento funcione de nuevo?

Thx

Answer 1

Es necesario tener datos de la tabla antes de llamar al método sortList en él. Esto se debe a que aplica una indexación en este método que no encontrará ningún registro si no hay datos presentes y arrojará el error "No se puede leer la propiedad '0' de indefinido".

Answer 2

Me he dado cuenta de que esto sucede con la última versión (2.0.5b, creo) que se encuentra en http://tablesorter.com/, pero no sucedió en versiones anteriores (tengo una copia de 2.0.3, y funcionó en ese). Sin embargo, hay una versión bifurcada en https://github.com/Mottie/tablesorter, que se mantiene mucho mejor, y no tiene este error.

Answer 3

No es un buen uso tablesorter cuando hay una mesa vacía, por lo que puede utilizar esta condición:

if ($("table#stats tbody tr").length > 0) 
    $(this).tablesorter({ sortList: [[0,0]]}); 

Answer 4

Usted no necesita tener datos de la tabla. Sólo initilize su mesa de esa manera:

$("table#stats").tablesorter(); 

Entonces, después de haber insertado los datos de la tabla, debe decirle al plugin que la tabla se actualiza y ordenarla:

$("table#stats").trigger("update"); 
var sorting = [[0,0]]; 
$("table#stats").trigger("sorton",[sorting]); 

Answer 5

Tengo una error "no se puede leer la propiedad 'formato' de indefinido". En mi caso, el error ocurrió debido a un número diferente de 'td en' tbody 'que en' thead '

Answer 6

No pude conseguir nada de esto para trabajar, así que establecí un tiempo de espera en la inicialización para tablesorter ...

setTimeout(function() {$('table').tablesorter();}, 10000);