jQueryの情報やプラグイン公開しています

Paging von der Tabelle, zusätzliche Plug-in Sortierfunktion

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

Laden Sie

- Download (336)

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

Tag
, , , ,
Trackback-URL

Lassen Sie eine Antwort

Ihre Email-Adresse wird nicht veröffentlicht. * Felder sind markiert erforderlich

*

Sie können diese HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ページTOPに戻る