Paging del tavolo, plug-in aggiuntivo funzione di ordinamento

Paging del tavolo, plug-in aggiuntivo funzione di ordinamento

è un plug-in per jQuery per aggiungere paging, l'ordinamento funzioni <table>.

Attualmente, ci sono moltissimi plug-in ha avuto paging, l'ordinamento loro cercando su Internet.
Ho anche tablesorter 2,0 e Flexigrid e stava usando.

Ma, tablesorter 2.0 per me (che si desidera scorrere la TBODY), piè di pagina non può essere fissato, Flexigrid che, (avrebbe aspettato decine di secondi, diventa visibile più di 200) rallentano fatalmente, quando la quantità di dati è aumentato Stato era un passo non è sufficiente.

Così, così ho creato un plug-in jQuery per la paginazione, con funzionalità di ordinamento delle loro caratteristiche preferite e facendo riferimento ai due plug-ins sopra, si prega di utilizzare tutti, se è buono anche.

Funzione principale

• aggiungere una funzione di ordinamento <table>
• aggiungere funzionalità di paging <table>
• (C'è ancora spazio per migliorare ...) corrisponde a Ajax
• Fisso (TFOOT) piè di pagina e intestazione (thead)

(Si aprirà in una pagina separata) demo

• Di base
• Specificare la larghezza e il numero di linee, l'altezza
• Ajax per l'acquisizione (file CSV) i dati
• Ajax per l'acquisizione (database) di dati

Scarica

- DownLoad (329)

Opzione valore

altezza

L'altezza specificata nel valore numerico. "Auto" se l'adattamento alle dimensioni del browser
Default: "auto"

fila

Il numero di righe.
Default: 50

url

Predefinito per recuperare i dati in Ajax: False

param

Quando si utilizza Ajax, è possibile inviare i parametri necessari. I dati trasmessi possono essere recuperati con GET.
param: {action: "indirizzo-list"}

cols

Specifica la larghezza di ogni colonna e l'id, il text-align. Se si specifica una larghezza è fissa. id sarà disponibile in Ajax. text-align viene impostata giustificato a sinistra, giustificato a destra, al centro.
(Solo per una larghezza specificato) cols: [{width: 50}, {width: 100}]
[{Id :: "zip", width: 50}, {id: "address1", width: 100}] cols (specificare la id)
Cols (specificare text-align): [{id: "zip", larghezza: 50, align: "right"}, {id: "address1", align: "center"]

QType

Colonna nome che si desidera cercare.
Default: ""

domanda

La stringa di ricerca predefinito: ""

onResult

Dopo aver ottenuto i dati in Ajax, può essere utilizzato durante l'elaborazione del codice html da visualizzare. (Vedi demo)

Browser in grado

È stato confermato IE7, IE8, Firefox5, cromo, e Opera su Windows.
Non è supportato in IE6.

Altre note

Che la Società è responsabile anche in caso di qualche tipo di problema non è in alcun modo, se si tenta di utilizzarlo a proprio rischio.

Aggiornamento Storia

(Bug align non funziona e hai solo allinearlo fisso) bug fix 2011/09/14 (Ver1.2)

2011/08/25 Aggiunto schermata di caricamento, aggiungere opzioni di allineamento (versione 1.1)

Pubblicato il 2011/08/03 ver1.0

Etichetta

jQuery , tavolo , sort , plug-in , paging

Trackback URL