Bill Beckelman
Home
Demo Gallery
Archive
Contact
Subscribe
Log in
Product Spotlight
<< Read Post That Goes With Demo
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:
Demo Gallery
Use jQuery to Show a Link’s Address After its Text When Printing In IE6 and IE7
Copy to Clipboard with ZeroClipboard, Flash 10 and jQuery
More jQuery Alert Dialogs Demo
Set the Content of a NicEdit WYSIWYG Instance With JavaScript
Format Selected Table Rows For Pasting into Excel
jQuery Alert Dialogs
Modal Delete Confirmation V3 Using SimpleModal jQuery Plugin Demo
jQuery SimpleModal Plugin Version 1.2 with NicEdit WYSIWYG Editor
Add Copy to Clipboard Command To contextMenu.js Plugin Demo
Items Count in Table Footer and Changes to the tableSorter-pager Plugin Demo
ASP.NET Repeater Combined with jQuery FAQ Plugin Demo
jQuery tableSorter and quickSearch Plugins Together Demo
Select All CheckBoxes in a Table Column With and Without jQuery Plugin Demo
Enabling and Disabling Menu Items in jQuery contextMenu.js Plugin Demo
Totals and Averages of Column Data on Client Side Demo
Sorted Column Highlighting Widget for jQuery TableSorter Plugin Demo
Context Menu in a ListView Using jQuery Demo
jQuery clueTip Plugin Revisited Demo
Inserting Content Using jQuery SimpleModal Plugin Demo
Modal Delete Confirmation V2 Using SimpleModal jQuery Plugin Demo
Client Side Table Sorting, Paging and Filtering with jQuery Demo
Combining jQuery Truncation and clueTip Plugins in ASP.NET ListView
Client Side ASP.NET ListView Sorting and Filtering via jQuery
Truncate Text via jQuery Including bigTarget Technique Demo
ASP.NET ListView Expansion Via jQuery Demo
Truncate Lengthy Text for Cleaner Display in ASP.NET ListView Using jQuery
jQuery Progress Indicators
Make Sure Item is Selected For Deletion in ListView Prior to Post Back using jQuery
Clear Input Fields in an AjaxControlToolkit ModalPopup When Cancel is Clicked
Use CSS and jQuery to let User Choose to Print in Black and White or Color
Override Chrome's Automatic Border Around Active Fields Using CSS
Delete Confirmation Popup in ASP.NET ListView Item Using ThickBox jQuery Plugin
Modal Delete Confirmation in an ASP.NET ListView Using SimpleModal jQuery Plugin
Client Side Validating Bulk Insert With jQuery Validation Plugin
Details Popup Via jQuery clueTip Plugin
Disable Submit Button Until Terms And Conditions Are Accepted Using jQuery
Survey Using jQuery Star Rating Widget
Select All CheckBoxes in an ASP.NET ListView Control using jQuery
ASP.NET Popup Message Box User Control
Dynamically Create a Zip File Your Users Can Then Download
Subscribe