13 REACT Sorting Students data table

Pubblicato il: 19 giugno 2024
sul canale di: 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.


In questa pagina del sito puoi guardare il video online 13 REACT Sorting Students data table della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Dr Umair Abdullah 19 giugno 2024, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 64 volte e gli è piaciuto 0 spettatori. Buona visione!