JQuery TableSorter: Las flechas de clasificación no muestran

Question

Estoy implementando el tablesorter de jQuery, pero parece que las flechas no se muestran.

Esto es lo que he hecho hasta ahora:

<script type="text/javascript" src="/path/to/jquery-latest.js"></script> 
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script> 

y

$(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
); 

La tabla clasifica bien, pero las flechas no muestran. ¿Me estoy perdiendo de algo?
Incluso añade el siguiente, pero dejase' trabajo:

<LINK rel="StyleSheet" type="text/css" href="../tablesorter/themes/green/style.css"> 

Answer 1

que tenía el mismo problema cuando se utiliza en esta página tablesorter - http://ajthomas.co.uk/fpl/. Sin embargo, es porque me olvidé de agregar las hojas de estilo e imágenes que vienen en el download. Parece que tú también lo hiciste.

Answer 2

Si coloca en cascada su hoja de estilo, se verá exactamente como se ve en el sitio de TableSorter. Ni siquiera necesita moverlo de su paquete. Sólo tiene que añadir esta línea después de su declaración hoja de estilos:

<link href="[YOUR PATH TO]/tablesorter/themes/blue/style.css" rel="stylesheet" type="text/css" /> 

Answer 3

Si alguien todavía está teniendo problemas con tablesorter no mostrar las flechas de clasificación, aquí hay un pequeño truco que utilizo en la devolución de llamada de inicialización:

$("table.sort").tablesorter({ 
    theme : 'dropbox', 
    cssIcon: 'tablesorter-icon', 
    initialized : function(table){ 
    $(table).find('thead .tablesorter-header-inner').append('<i class="tablesorter-icon"></i>'); 
    } 
}); 

Answer 4

Necesita agregar la clase tablesorter a su tabla