HTML Table Filter Generator

This demo page shows how to perform calculations on columns. Special credit to Nuovella Williams for optimising the SetColOperation method, adding the "median", "lower quartile" and "upper quartile" calculations and finally for providing this example.

	var props_demo = {
		sort: true,
		sort_config: { sort_types: ['None','String','Number','Number','Number','Number','Number','Number','Number','Number','Number','Number','Number','Number','Number','Number']},
		fixed_headers: true,
		filters_row_index: 0,
		remember_grid_values: true,
		alternate_rows: true,
		rows_counter: true,
		rows_counter_text: "Displayed rows: ",
		btn_reset: true,
		btn_reset_text: "Clear Filters",
		btn_text: " > ",
		status_bar: true,
		sort_select: true,	
		col_1: "select",
		display_all_text: "(All)",
		inf_div_css_class: "inf",
		col_width:[null,"45px","45px","45px","45px","45px","45px","45px","45px","45px","45px","45px","45px","45px","45px","45px"],
		col_operation: { 
				id: [
					"demosum2","demomean2","demomin2","demoLQ2", "demoMed2", "demoUQ2","demomax2",
					"demosum3","demomean3","demomin3","demoLQ3", "demoMed3", "demoUQ3","demomax3",
					"demosum4","demomean4","demomin4","demoLQ4", "demoMed4", "demoUQ4","demomax4",
					"demosum5","demomean5","demomin5","demoLQ5", "demoMed5", "demoUQ5","demomax5",
					"demosum6","demomean6","demomin6","demoLQ6", "demoMed6", "demoUQ6","demomax6",
					"demosum7","demomean7","demomin7","demoLQ7", "demoMed7", "demoUQ7","demomax7",
					"demosum8","demomean8","demomin8","demoLQ8", "demoMed8", "demoUQ8","demomax8",
					"demosum9","demomean9","demomin9","demoLQ9", "demoMed9", "demoUQ9","demomax9",
					"demosum10","demomean10","demomin10","demoLQ10", "demoMed10", "demoUQ10","demomax10",
					"demosum11","demomean11","demomin11","demoLQ11", "demoMed11", "demoUQ11","demomax11",
					"demosum12","demomean12","demomin12","demoLQ12", "demoMed12", "demoUQ12","demomax12",
					"demosum13","demomean13","demomin13","demoLQ13", "demoMed13", "demoUQ13","demomax13",
					"demosum14","demomean14","demomin14","demoLQ14", "demoMed14", "demoUQ14","demomax14",
					"demosum15","demomean15","demomin15","demoLQ15", "demoMed15", "demoUQ15","demomax15"],
				col: [
					2, 2, 2,2,2,2,2,
					3, 3, 3,3,3,3,3,
					4, 4, 4,4,4,4,4,
					5, 5, 5,5,5,5,5,
					6, 6, 6,6,6,6,6,
					7, 7, 7,7,7,7,7,
					8, 8, 8,8,8,8,8,
					9, 9, 9,9,9,9,9,
					10, 10, 10,10,10,10,10,
					11, 11, 11,11,11,11,11,
					12, 12, 12,12,12,12,12,
					13, 13, 13,13,13,13,13,
					14, 14, 14,14,14,14,14,
					15, 15, 15,15,15,15,15],
				operation: [
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max",
					"sum","mean","min","Q1", "median", "Q3","max"],
				decimal_precision: [
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1,
						1,1,1,1,1,1,1]
				}
		};
		setFilterGrid("demo",props_demo);
	
Period JunkABCDEFGHIJKLMQTD
2006 Q1: Jan-Mar OAAW73.673.073.571.373.573.271.672.874.372.172.473.671.172.8
2006 Q1: Jan-Mar FAAX70.770.169.468.271.369.967.370.371.769.669.071.167.269.7
2006 Q1: Jan-Mar CPAX80.178.778.077.878.079.678.578.380.977.478.580.477.178.7
2006 Q1: Jan-Mar CAAX91.892.894.291.794.391.991.292.991.993.192.391.692.392.5
2006 Q1: Jan-Mar RAAX18.219.820.720.420.718.819.620.217.621.019.818.021.119.7
2006 Q1: Jan-Mar IAAW9.69.49.29.98.810.510.310.99.59.910.910.611.110.0
2006 Q1: Jan-Mar QAAW23.026.728.522.329.321.728.820.125.820.722.531.224.525.0
2006 Q1: Jan-Mar PACW95.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0
2006 Q2: Apr-Jun OAAW72.572.972.575.172.372.070.070.668.670.270.569.269.271.2
2006 Q2: Apr-Jun FAAW69.469.768.871.169.067.266.767.565.667.767.865.666.567.9
2006 Q2: Apr-Jun CPAW78.879.378.281.077.477.976.376.576.278.078.076.875.777.7
2006 Q2: Apr-Jun CAAW91.991.992.892.793.592.491.892.390.090.090.490.191.491.6
2006 Q2: Apr-Jun RAAW19.519.020.317.621.220.421.821.721.419.819.920.922.220.4
2006 Q2: Apr-Jun IAAW9.89.411.39.710.38.79.712.210.010.69.28.310.310.0
2006 Q2: Apr-Jun QAAW24.725.923.421.225.023.225.119.324.524.123.124.221.523.5
2006 Q2: Apr-Jun PACW92.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0
2006 Q3: Jul-Sep OAAW70.770.470.568.770.171.271.369.071.568.169.171.369.770.1
2006 Q3: Jul-Sep FAAW67.167.468.266.067.668.568.566.968.165.367.268.066.467.3
2006 Q3: Jul-Sep CPAW77.677.377.376.177.078.478.977.578.474.976.976.775.777.1
2006 Q3: Jul-Sep CAAW91.091.191.190.291.190.890.389.091.290.989.993.092.190.9
2006 Q3: Jul-Sep RAAW20.420.720.721.521.019.619.020.019.722.820.721.722.420.8
2006 Q3: Jul-Sep IAAW9.610.310.811.110.39.710.010.68.48.810.010.410.510.0
2006 Q3: Jul-Sep QAAW18.918.721.620.222.021.622.621.517.325.023.823.821.621.5
2006 Q3: Jul-Sep PACW94.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0
2006 Q4: Oct-Dec OAAW71.769.470.270.973.270.469.969.271.269.367.969.267.470.0
2006 Q4: Oct-Dec FAAW69.266.668.368.869.667.967.166.968.167.065.466.264.967.4
2006 Q4: Oct-Dec CPAW77.675.875.677.878.077.276.475.977.375.974.576.477.076.6
2006 Q4: Oct-Dec CAAW92.491.692.891.193.891.291.591.292.191.391.290.687.691.4
2006 Q4: Oct-Dec RAAW20.722.222.620.220.620.821.622.020.922.023.321.420.221.4
2006 Q4: Oct-Dec IAAW9.310.49.49.710.19.59.89.69.89.29.09.19.79.6
2006 Q4: Oct-Dec QAAW22.521.723.019.522.726.624.923.524.131.822.422.821.123.6
2006 Q4: Oct-Dec PACW99.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0
2007 Q1: Jan-Mar OAAW68.272.670.369.771.469.366.970.371.869.971.070.965.769.9
2007 Q1: Jan-Mar FAAW66.270.467.267.168.766.463.967.169.668.268.169.163.267.3
2007 Q1: Jan-Mar CPAW76.778.275.374.976.175.973.476.878.476.376.176.973.476.0
2007 Q1: Jan-Mar CAAW88.992.893.393.293.791.491.291.591.691.793.392.289.591.9
2007 Q1: Jan-Mar RAAX20.720.323.023.422.422.124.221.219.821.822.321.223.822.0
2007 Q1: Jan-Mar IAAX8.59.110.38.79.311.09.39.88.89.110.09.311.39.6
2007 Q1: Jan-Mar QAAX18.323.123.626.030.023.924.720.422.423.820.324.621.823.4
2007 Q1: Jan-Mar PACX99.5100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0100.0
PeriodJunkABCDEFGHIJKLMQTD
Sum of Displayed rows
Mean of Displayed rows
Min of Displayed rows
Lower Quartile of Displayed rows
Median of Displayed rows
Upper Quartile of Displayed rows
Max of Displayed rows
PeriodJunkABCDEFGHIJKLMQTD
Sum of ALL 2279.3 2318.7 2325.9 2304.8 2343.3 2310.8 2304.1 2295.5 2308.5 2307.3 2296.7 2316.4 2276.2 2308.5
Mean of ALL 57.0 58.0 58.1 57.6 58.6 57.8 57.6 57.4 57.7 57.7 57.4 57.9 56.9 57.7
Min of ALL 8.5 9.1 9.2 8.7 8.8 8.7 9.3 9.6 8.4 8.8 9.0 8.3 9.7 9.6
Lower Quartile of ALL 20.5 21.2 22.8 20.8 22.2 21.7 23.4 20.8 21.2 22.4 22.4 22.3 21.7 21.8
Median of ALL 70.1 70.3 69.8 69.3 70.7 69.6 67.9 69.1 70.4 68.8 68.6 69.2 66.9 69.8
Upper Quartile of ALL 84.5 85.2 84.7 85.6 84.6 85.2 84.6 83.7 85.5 84.0 84.2 85.3 82.4 84.8
Max of ALL 99.5 100.0 100.0 100.0 100.0 100.0 100.0 100.0 100.0 100.0 100.0 100.0 100.0 100.0