Totals and Averages of Column Data on Client Side Demo

  • The footer contains a total number of students and their average score in each subject.
  • The demo also contains the sorted column highlighing widget I created.
    • Click one of the column headers to sort the table. The column the table is sorted by will be highlighted.
    • Hold down the shift key and then click another column header to sort by an additional column. Notice that both columns will be highlighted.
    • You can page the table and the columns will remain highlighted.
Name Major Sex English Japanese Calculus Geometry
Student01 Languages M 80 70 75 80
Student02 Mathematics M 90 88 100 90
Student03 Languages F 85 95 80 85
Student04 Languages M 60 55 100 100
Student05 Languages F 68 80 95 80
Student06 Mathematics M 100 99 100 90
Student07 Mathematics M 85 68 90 90
Student08 Languages M 100 90 90 85
Student09 Mathematics M 80 50 65 75
Student10 Languages M 85 100 100 90
Student11 Languages M 86 85 100 100
Student12 Mathematics F 100 75 70 85
Student13 Languages F 100 80 100 90
Student14 Languages F 50 45 55 90
Student15 Languages M 95 35 100 90
Students:
«Back to post