13 REACT Sorting Students data table

Published: 19 June 2024
on channel: 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.


On this page of the site you can watch the video online 13 REACT Sorting Students data table with a duration of hours minute second in good quality, which was uploaded by the user Dr Umair Abdullah 19 June 2024, share the link with friends and acquaintances, this video has already been watched 64 times on youtube and it was liked by 0 viewers. Enjoy your viewing!