Paging de la table, plug-in supplémentaire fonction de tri

14/09/2011 Dernière mise à jour:
03/08/2011: Messages Sun

est un plug-in pour jQuery pour ajouter pagination, le tri des fonctions à <table>.

Actuellement, il ya grand nombre de plug-in a eu la pagination, en les triant par une recherche sur Internet.
J'ai aussi tablesorter 2,0 et Flexigrid et a été utilisé.

Mais, pour moi tablesorter 2,0 (vous voulez faire défiler la tbody) de bas de page ne peut pas être fixé, Flexigrid que, (serait attendre des dizaines de secondes, comme il devient visible à plus de 200) ralentir fatalement quand la quantité de données a augmenté l'État était un pas il ne suffit pas.

Donc, j'ai donc créé une jQuery plug-ins pour la pagination avec le tri des capacités de leurs fonctionnalités préférées et en se référant aux deux plug-ins ci-dessus, s'il vous plaît utilisez tout le monde si il est bon aussi.

La fonction principale

ajouter une fonction de tri pour <table>
ajouter la fonctionnalité de pagination <table>
(Il ya encore place à amélioration ...) correspond à l'Ajax
Fixe (tfoot) pied de page et en-tête (thead)

(S'ouvrira dans une page séparée) démo

Télécharger

- Télécharger (331)

La valeur d'option

hauteur: La hauteur spécifiée dans la valeur numérique. "Auto" si l'ajustement de la taille du navigateur
Valeur par défaut: "automatique"
rangée: Le nombre de lignes.
Par défaut: 50
url: Par défaut pour récupérer les données à Ajax: Faux
param: Lorsque vous utilisez l'Ajax, vous pouvez envoyer les paramètres nécessaires. Les données transmises peuvent être récupérées avec la méthode GET.
param: {action: "address-list"}
cols: Indique la largeur de chaque colonne et l'identifiant, le text-align. Si vous spécifiez une largeur est fixée. Identifiant sera disponible à Ajax. text-align est justifié à gauche, justifié à droite, au milieu.
(Seulement pour une largeur spécifiée) cols: [{width: 50}, {width: 100}]
[{Id :: "zip", largeur: 50}, {id: "address1", largeur: 100}] cols (spécifier l'id)
Cols (préciser text-align): [{id: "zip", largeur: 50, align: "droit"}, {id: "address1", align: "center"]
qtype: Nom de la colonne que vous souhaitez rechercher.
Valeur par défaut: ""
question: La chaîne de recherche par défaut: ""
onResult: Après avoir obtenu les données à Ajax, peut être utilisé lors du traitement du code html à afficher. (Voir la démo)

Capable navigateur

Il a été confirmé IE7, IE8, FireFox5, Chrome et Opera sur Windows.
N'est-ce pas pris en charge dans IE6.

Autres notes

Que la Société est responsable, même dans le cas d'un certain type de problème n'est pas en aucune façon, si vous essayez de l'utiliser à vos risques et périls.

Mettre à jour l'histoire

(Bogue d'aligner ne fonctionne pas et vous ne l'aligner fixe) des corrections de bugs 14/09/2011 (Ver1.2)

25/08/2011 Ajout d'un écran de chargement, ajoutez options d'alignement (Ver1.1)

Publié 03/08/2011 Ver1.0

Balise: jQuery , tableau , tri , plug-in , de pagination
URL de trackback

Paging de la table, plug-in supplémentaire fonction de tri