JQuery-TableSorter: Die Sortieren-Pfeile nicht zeigen

Ich die Umsetzung die jQuery-tablesorter, aber die Pfeile nicht zu zeigen scheinen.

Hier ist, was ich bisher getan habe:

<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 Sorten gut, aber die Pfeile nicht zeigen. Bin ich hier etwas fehlt?

Ich auch Hinzugefügt, den folgenden aber, didn' Arbeit: 

<LINK rel="StyleSheet" type="text/css" href="../tablesorter/themes/green/style.css">
  • Ich Wette, Ihr ist eine stylesheet kommen mit tablesorter, hast du integriert und auch hast du die Bilder hochladen auf Ihren server, und hast du den Pfad ändern, um die Bilder in der css?
  • stellen Sie sicher, dass die .png-Bilder werden im gleichen Ordner wie die CSS oder müssen Sie Bearbeiten Sie die url innerhalb der .css-Datei
InformationsquelleAutor GingerHead | 2012-08-01
  1. 10

    Ich hatte das gleiche problem bei der Verwendung von tablesorter auf dieser Seite - http://ajthomas.co.uk/fpl/. Jedoch, es ist, weil ich verpasste das hinzufügen des stylesheets und Bilder, die kommen in die download. Es sieht aus wie Sie getan hat, zu.

    • hmmm... und in der Stylesheet sind, Sie verweisen auf die richtige Tabelle id/Klasse?
    • in der style-sheet-Referenzen und einem Tisch mit einer Klasse von '.tablesorter', sieht Ihre Tabelle haben, die Klasse?
    • Die ajthomas link gibt einen 404.
    InformationsquelleAutor Alex
  2. 6

    Wenn Sie cascade stylesheet, es wird genau so Aussehen, wie es aussieht auf der TableSorter-Website. Sie nicht sogar brauchen, um es zu bewegen aus Ihrem Paket. Fügen Sie einfach diese Zeile, nachdem Sie Ihre Stylesheet-Deklaration:

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

    Ich hatte dieses problem mit der neuesten version. (Möglicherweise in keinem Zusammenhang zu der ursprünglichen Frage, da es ziemlich alt ist)

    Ich hatte das style für mein Thema (blau) enthalten ist, und der Stil in dem die Bilder für die Pfeile Base-64-codiert, so sollte es funktionieren.

    Dem einfachen Problem war, dass meine nicht die tablesorter-blau-Klasse zusätzlich zu tablesorter, so war es das laden der Standard-theme.

    InformationsquelleAutor Jack Strosahl
  4. 0

    Wenn noch jemand Probleme mit dem tablesorter, zeigten nicht die Sortieren-Pfeile, hier ist ein kleiner trick, den ich verwenden, die auf die Initialisierung callback:

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

    Müssen Sie hinzufügen-Klasse tablesorter zu Ihrem Tisch

    InformationsquelleAutor Arthur Veselov
Schreibe einen Kommentar