Beispiel

Diese Seite demonstriert die Anwendung eines Templates. Wenn Sie dem Plugin-Aufruf mehrere Objekte mit Optionen übergeben, werden diese intern zu einer Optionsmenge verschmolzen. Genau das wird bei unten stehendem Aufruf ausgenutzt: Es werden zwei Options-Objekte übergeben: Die Beispiel-individuellen Optionen und ein Template.

Das mitgelieferte Template tablewidth – in Kombination mit der zusätzlichen CSS-Datei tablewidth.css – modifiziert das Ausgabemuster für die Anordnung der Steuerelemente analog zum fullwidth-Template. Es unterscheidet sich von letzterem dadurch, dass die Tabelle mitsamt den Pager-Controls darunter in ein DIV-Element mit display: inline-block eingebettet werden. Während das fullwidth-Template voraussetzt, dass alle Tabellen immer auf Seitenbreite gestreckt werden (andernfalls wären die Controls nicht rechtsbündig mit der Tabelle ausgerichtet), ist dieses Template für Tabellen vorgesehen, die schmaler als die Seite sein dürfen. Die Controls werden so immer korrekt mit der Tabelle ausgerichtet. (Als Nebeneffekt ist dadurch ein Strecken der Tabelle auf Seitenbreite nicht mehr möglich.)

Javascript

$(function() {
    $("table")
        .tablesorter({widgets: ['zebra']})
        .appendTablesorterPagerControls({
            sizes: [2, 10, 30, 100], 
            initialSize: 10
        }, $.fn.appendTablesorterPagerControls.templates.tablewidth);
});

Nicht vergessen, bei Nutzung obigen Scriptcodes auch die Datei tablewidth.css mit einzubinden, denn das Template erzeugt nur die nötige HTML-Struktur, die aber noch per Stylesheet formatiert werden muss, um die eigentlichen Ausrichtungen zu aktivieren.

Kleine Tabelle: 10 Zeilen

Demonstriert den Fall, dass die Default-Größe des Pagers zwar die gesamte Tabelle fassen kann, so dass zunächst nicht geblättert werden kann, dass die Tabellengröße jedoch größer als die kleinste einstellbare Seitengröße ist: Die Steuerungselemente werden daher eingeblendet, da eine kleinere Tabellengröße auswählbar ist, für die sie benötigt werden.

Große Tabelle