Demo of Sorting HTML Table on Client
Home



Click on table headings to sort. Click again to sort in reverse.
Click on the row to read its values.

Trader Name Trader PIN
Polly Purebread 4444
Pinky Brain 3333
Scooby Doo Snack 2222
Yosemite Sam 1111

This page uses a Javascript-Bean to sort the html table when the user clicks on the column heading. This is done entirely on the client, saving processing time compared to the usual fashion of sorting on the server.

The page also uses a Javascript-DOM reading technique to read the contents of the row the user clicks upon.