Demo

Name Major Sex English Japanese Calculus Geometry
Name Major Sex English Japanese Calculus Geometry
Student01 Languages male 80 70 75 80
Student02 Mathematics male 90 88 100 90
Student03 Languages female 85 95 80 85
Student04 Languages male 60 55 100 100
Student05 Languages female 68 80 95 80
Student06 Mathematics male 100 99 100 90
Student07 Mathematics male 85 68 90 90
Student08 Languages male 100 90 90 85
Student09 Mathematics male 80 50 65 75
Student10 Languages male 85 100 100 90
Student11 Languages male 86 85 100 100
Student12 Mathematics female 100 75 70 85
Student13 Languages female 100 80 100 90
Student14 Languages female 50 45 55 90
Student15 Languages male 95 35 100 90
Student16 Languages female 100 50 30 70
Student17 Languages female 80 100 55 65
Student18 Mathematics male 30 49 55 75
Student19 Languages male 68 90 88 70
Student20 Mathematics male 40 45 40 80
Student21 Languages male 50 45 100 100
Student22 Mathematics male 100 99 100 90
Student23 Languages female 85 80 80 80
Student24 Languages female 100 91 13 82

Javascript

Add Widget Template

// addWidget Template
// *******************
$.tablesorter.addWidget({
	id: 'myWidget',
	// The init function (added in v2.0.28) is called only after tablesorter has
	// initialized, but before initial sort & before any of the widgets are applied.
	init: function(table, allWidgets, thisWidget){
		// widget initialization code - this is only *RUN ONCE*
		// but in this example, only the format function is called to from here
		// to keep the widget backwards compatible with the original tablesorter
		thisWidget.format(table, true);
	},
	format: function(table, initFlag) {
		// widget code to apply to the table *AFTER EACH SORT*
		// the initFlag is true when this format is called from the init
		// function above otherwise initFlag is undefined
		// * see the saveSort widget for a full example *
	}
});

Repeat Headers Widget Code


	

Next up: Pager plugin ››