Html table de tri en utilisant JavaScript ou jQuery

-1

This est une image de mon exemple de code. Je veux trier les données de cette table, colonne sage lorsque vous cliquez sur le chaque bouton de tri en haut de la table. Cette table contient aussi PHP.Html table de tri en utilisant JavaScript ou jQuery

Numéro Date de Trois Cinq Un Quatre Deux

Lorsque l'utilisateur clique sur le bouton de tri, ligne entière doit être triée en acs ou desc selon les données de la colonne cliqué. La colonne contient des mots et la colonne 2 contient des dates. Tout le monde sait que me aider s'il vous plaît ....

Merci

Source

2017-07-14 Lahiru Madushan

Votre question ne sait pas ce que vous voulez trier les données comme ligne ou par colonne sage? –

Lahiru ne télécharge pas l'image du code. Il suffit de copier le code de collage avec l'indentation de code dans la barre de champ de texte. –

Merci de me guider pour utiliser stackoverflow. Je suis un nouveau ici. Merci beaucoup. –

Pouvez-vous vérifier jquery plug-in datatable. Cela prend en charge le tri, l'expansion des colonnes pour une table. S'il vous plaît voir le lien https://datatables.net/examples/basic_init/table_sorting.html

Source

2017-07-14 05:42:48 Selvakumar

J'ai utilisé le plugin tablesorter jQuery. C'est un poids léger et un très bon plugin pour vos besoins. Je pense que cela conviendra à votre besoin.

Source

2017-07-14 05:45:21

Je commencerais avec ceci: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sort_table oeuvres de Il très bien, et ne nécessite même pas jQuery, nous allons seuls plugins jQuery. C'est évidemment, vous devez adapter le code pour trier avec des noms de colonnes différents (pas seulement pour "Name"), mais c'est assez facile.

Source

2017-07-14 05:45:57 Areso

Vous pouvez utiliser le trieur de tables (tri de la table côté client) et trier la table une fois la page chargée. Après que chacune des colonnes est sortable en cliquant sur l'en-tête de colonne (Il est en javascript pur et n'a pas besoin jquery):

http://tablesorter.com/docs

Source

2017-07-14 05:53:59 Ashkan

Html table de tri en utilisant JavaScript ou jQuery

Répondre

Questions connexes