13 REACT Sorting Students data table

Publié le: 19 juin 2024
sur la chaîne: Dr Umair Abdullah
64
0

Objective: implementing sort operation on student data table on the basis of id, student name

Pre-requisites:
1. Django API is running (implemented in previous videos)
2. REACT code is open in VS Code. and its web application is running (implemented in previous videos).


STEPS:
1. add a new variable 'asc' in the 'Student' component, to store true (for ascending) and/or false (for descending) information
2. define 'sortStudents' function, and update the students variable (which is displayed on Web page), and invert the 'asc'
3. Add 'onClick' function with 'th' (table headers) of all student attribute.
4. Save the code and test the sorting (ascending and descending) functionality on student table.


Sur cette page du site, vous pouvez voir la vidéo en ligne 13 REACT Sorting Students data table durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Dr Umair Abdullah 19 juin 2024, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 64 fois et il a aimé 0 téléspectateurs. Bon visionnage!