2012-08-01 6 views
9

Ich bin jQuery's Tablesorter implementieren, aber die Pfeile scheinen nicht zu zeigen. HierJQuery TableSorter: Die Sortierpfeile zeigen nicht

ist das, was ich bisher getan:

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

und

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

Die Tabelle sortiert in Ordnung, aber die Pfeile zeigen nicht. Fehle ich hier etwas?
Ich habe auch die folgenden, aber didn‘Arbeit:

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

Ich wette, es ist ein Stylesheet mit Tablesorter, haben Sie es integriert und haben Sie auch die Bilder auf Ihren Server hochgeladen, und haben Sie den Pfad zu den Bildern von innen geändert das CSS? – Hipny

+1

Stellen Sie sicher, dass sich die .png-Bilder im selben Ordner wie Ihr CSS befinden oder dass Sie die URL in der .css-Datei bearbeiten müssen –

Antwort

10

Ich hatte das gleiche Problem, wenn sie auf dieser Seite mit tablesorter - http://ajthomas.co.uk/fpl/. Es ist jedoch, weil ich vermisste die Stylesheets und Bilder, die in der download kommen. Sieht so aus, als hättest du es auch getan.

+1

hmmm ... und verweisen Sie im Stylesheet auf die korrekte Tabellen-ID/Klasse? – Alex

+1

im Stylesheet in Referenzen und Tabelle mit einer Klasse von ". Tablesorter", hat Ihre Tabelle diese Klasse? – Alex

+0

Der Ajthomas-Link gibt einen 404 zurück. –

6

Wenn Sie ihr Stylesheet kaskadieren, sieht es genau so aus, wie es auf der TableSorter-Site aussieht. Sie müssen es nicht einmal aus ihrem Paket bewegen. Gerade diese Zeile hinzufügen, nach dem Stylesheet-Deklaration:

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

arbeitete als ein Charme !! – deeshank

0

Wenn jemand noch Fragen hat, mit tablesorter nicht die Sortierpfeile zeigen, hier ein kleiner Trick, den ich auf der Initialisierung Rückruf verwenden:

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

Sie müssen Klasse tablesorter zu Ihrem Tisch hinzufügen

Verwandte Themen