CATALOGUE Code & Data Formation Angular JS Apprendre Angular JS Tri et Filtrage des Colonnes d'un Tableau en JavaScript

Tri et Filtrage des Colonnes d'un Tableau en JavaScript

Suite exercice - Création d'un tableau de classement avec les filtres
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Angular JS
Revoir le teaser Je m'abonne
4,0
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,0
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont les suivants :

1. Comprendre l'utilisation des filtres pour trier les colonnes.
2. Apprendre à créer des propriétés dynamiques pour gérer le tri.
3. Savoir intégrer des éléments visuels indiquant le sens du tri.

Découvrez comment trier et filtrer facilement les colonnes d'un tableau en JavaScript à l'aide de fonctions et de filtres adaptés.

Dans cette leçon, nous reprendrons un exercice précédent qui impliquait le classement des colonnes d'un tableau de différentes équipes. Nous avions initialement créé une fonction de tri en JavaScript. Aujourd'hui, nous allons évoluer vers l'utilisation des filtres pour une gestion plus efficace.

Nous créerons une propriété de scope qui définira l'ordre de tri ainsi que la colonne choisie. Nous intégrerons ensuite les filtres dans notre HTML à l'aide de la directive order by, permettant de spécifier la colonne à trier.

Le tri croissant et décroissant sera contrôlé par une valeur booléenne. D'un simple clic, nous pourrons inverser l'ordre de tri, offrant une interface interactive et fluide.

Enfin, nous ajouterons des éléments visuels tels que des flèches indicatives de tri, rendant l'expérience utilisateur plus intuitive.

Voir plus
Questions réponses
Comment initier un tri croissant dans une colonne de tableau en JavaScript ?
Il faut assigner une propriété booléenne 'true' à l'ordre de tri pour la colonne choisie, ce qui initie le classement croissant.
À quoi sert la directive 'order by' en AngularJS ?
La directive 'order by' est utilisée pour trier les éléments d'un tableau en fonction d'une colonne spécifiée, facilitant le tri dynamique.
Comment inverser l'ordre de tri d'une colonne ?
En cliquant sur l'en-tête de la colonne, une fonction change la valeur booléenne associée à cette colonne, inversant ainsi l'ordre de tri.

Programme détaillé

2 commentaires
4,0
2 votes
5
4
3
2
1
mickael.crez
Il y a 4 ans
Super formation ! Maintenant ça va être impossible de développer sans AngularJS.
Merci au formateur pour cette formation très complète.
alain_nogues
Il y a 4 ans
Pourquoi la police de l'éditeur est-elle si petite ? On s’abîme les yeux à lire ces pattes de mouche. Ce n'est quand même pas compliqué de configurer un corps de 16 ou 18 dans l'éditeur non ?
Je mets une note moyenne à cause de cette bévue impardonnable pour un formateur, alors que la formation est pourtant très bien faite.
Je remonterai ma note quand l'auteur refera ces vidéos avec une police lisible ...