Paging von der Tabelle, zusätzliche Plug-in Sortierfunktion
Kategorie: jQuery-Plug-in
2011.09.14 Letzte Aktualisierung:
2011.08.03: So Beiträge
ist ein Plug-in für jQuery, um Paging hinzufügen, Sortierfunktionen, um <table>.
Derzeit gibt es viele große Plug-In hatte Paging, Sortieren sie durch die Suche im Internet.
Ich habe auch tablesorter 2,0 und Flexigrid und verwendet wurde.
Aber, Tablesorter 2,0 für mich (Sie möchten die tbody scrollen) Fußzeile kann nicht behoben werden, dass Flexigrid, (würde zehn Sekunden warten, da es sichtbar mehr als 200 wird) tödlich langsam, wenn die Menge der Daten hat zugenommen Staat war einen Schritt davon entfernt gibt es nicht genug.
Also, damit ich eine jQuery-Plug-Ins für das Paging mit Sortierfunktionen von ihren Lieblings-Features und verweist auf die beiden Plug-Ins erstellt vor, benutzen Sie bitte alle, wenn es gut ist, auch.
Main-Funktion
- fügen Sie eine Sortierfunktion zu <table>
- Hinzufügen Pagingfunktionalität <table>
- (Es gibt noch Raum für Verbesserungen ...) entspricht Ajax
- Fixed (tfoot) Footer und Header (thead)
(Wird in einem separaten Seite zu öffnen) Demo
- Grundlegende
- Geben Sie die Breite und Anzahl der Zeilen, die Höhe
- Ajax in der Akquisition (CSV-Datei) die Daten
- Ajax in der Akquisition (Datenbank-) Daten
Laden Sie
Der Wert einer Option
- Höhe
- Die Höhe in dem numerischen Wert angegeben. "Auto", wenn die Anpassung an die Größe des Browser
Default: "auto" - Reihe
- Die Anzahl der Zeilen.
Standard: 50 - URL
- Falsch: Standard, um die Daten abzurufen, in Ajax
- param
- Bei der Verwendung von Ajax, können Sie die erforderlichen Parameter. Übertragenen Daten können mit GET abgerufen werden.
param: {Aktion: "Adress-Liste"} - cols
- Gibt die Breite jeder Spalte und der ID, die text-align. Wenn Sie eine Breite festgelegt ist. ID verfügbar sein wird in Ajax. text-align gesetzt wird linksbündig, rechtsbündig, in der Mitte.
(Nur für einen bestimmten Breite) cols: [{width: 50}, {width: 100}]
[{ID :: "zip", Breite: 50}, {id: "address1", Breite: 100}] cols (Geben Sie die ID)
Cols (Angabe text-align): [{id: "zip", Breite: 50, ausrichten: "right"}, {id: "address1", ausrichten: "center"] - QTYPE
- Spaltenname, die Sie durchsuchen möchten.
Default: "" - Abfrage
- Die Standard-Such-String: ""
- onResult
- Nach Erhalt der Daten in Ajax, kann verwendet werden bei der Verarbeitung des HTML, das angezeigt werden. (Siehe Demo)
-Fähigen Browser
Es wurde IE7, IE8, FireFox5, Chrome und Opera unter Windows bestätigt.
Ist das nicht im IE6 unterstützt.
Sonstige Hinweise
Dass das Unternehmen verantwortlich ist, auch im Falle von irgendwelchen Schwierigkeiten ist in keiner Weise, wenn Sie es auf Ihr eigenes Risiko zu verwenden.
Aktualisieren Sie Geschichte
(Bug-align funktioniert nicht und Sie nur ausrichten, fest) Bugfixes 2011.09.14 (Ver1.2)
2011.08.25 Hinzugefügt Ladebildschirm, fügen ausrichten Optionen (Ver1.1)
Veröffentlicht 2011.08.03 Ver1.0




























