demo/tablesorter.html

﻿<!DOCTYPE HTML>
<html>
<head>
	<title>Demo: Using StickyTableHeaders with Tablesorter </title>
	<link rel="stylesheet" media="all" href="css/custom.css" type="text/css">
	<link rel="stylesheet" media="all" href="css/tablesorter.css" type="text/css">
</head>
<body>
	<h1>
		Demo: Using StickyTableHeaders with jquery.tablesorter
	</h1>
	<table class="tableWithFloatingHeader stock tablesorter" style="table-layout: fixed; width: 800px">
		<thead>
			<tr>
				<th style="width:50px;">
					<div style="text-overflow:ellipsis; overflow:hidden; white-space:nowrap">
						Share Funds
					</div>
				</th>
				<th>
					2000
				</th>
				<th>
					2001
				</th>
				<th>
					2002
				</th>
				<th>
					2003
				</th>
				<th>
					2004
				</th>
				<th>
					2005
				</th>
				<th>
					2006
				</th>
				<th>
					2007
				</th>
				<th>
					2008
				</th>
				<th>
					2009
				</th>
			</tr>
		</thead>
		<tr>
			<td>
				Aktier
			</td>
			<td>
				1,50
			</td>
			<td>
				-
			</td>
			<td>
				2,00
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				1,50
			</td>
			<td>
				1,25
			</td>
			<td>
				2,25
			</td>
			<td>
				2,00
			</td>
			<td>
				2,50
			</td>
		</tr>
		<tr>
			<td>
				Aktier II (1)
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				1,00
			</td>
			<td>
				4,25
			</td>
			<td>
				4,25
			</td>
			<td>
				6,25
			</td>
		</tr>
		<tr>
			<td>
				Danmark
			</td>
			<td>
				13,00
			</td>
			<td>
				9,50
			</td>
			<td>
				2,00
			</td>
			<td>
				1,00
			</td>
			<td>
				1,00
			</td>
			<td>
				1,50
			</td>
			<td>
				7,00
			</td>
			<td>
				12,25
			</td>
			<td>
				7,75
			</td>
			<td>
				3,00
			</td>
		</tr>
		<tr>
			<td>
				Danske aktier
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				1,25
			</td>
			<td>
				4,25
			</td>
			<td>
				8,00
			</td>
			<td>
				1,00
			</td>
		</tr>
		<tr>
			<td>
				Emerging Markets
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				9,75
			</td>
			<td>
				17,75
			</td>
			<td>
				33,50
			</td>
			<td>
				2,00
			</td>
		</tr>
		<tr>
			<td>
				Europa
			</td>
			<td>
				15,00
			</td>
			<td>
				11,00
			</td>
			<td>
				1,00
			</td>
			<td>
				-
			</td>
			<td>
				1,75
			</td>
			<td>
				-
			</td>
			<td>
				2,25
			</td>
			<td>
				2,00
			</td>
			<td>
				2,50
			</td>
			<td>
				2,75
			</td>
		</tr>
		<tr>
			<td>
				Europa Small Cap
			</td>
			<td>
				24,50
			</td>
			<td>
				49,50
			</td>
			<td>
				1,25
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				8,75
			</td>
			<td>
				1,75
			</td>
		</tr>
		<tr>
			<td>
				Fjernøsten
			</td>
			<td>
				0,75
			</td>
			<td>
				-
			</td>
			<td>
				1,25
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				1,25
			</td>
			<td>
				1,00
			</td>
			<td>
				8,25
			</td>
			<td>
				17,00
			</td>
			<td>
				2,00
			</td>
		</tr>
		<tr>
			<td>
				Global Value
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				4,00
			</td>
			<td>
				6,75
			</td>
			<td>
				1,25
			</td>
			<td>
				2,25
			</td>
		</tr>
		<tr>
			<td>
				Global Vækst (2)
			</td>
			<td>
				5,75
			</td>
			<td>
				3,75
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				1,75
			</td>
		</tr>
		<tr>
			<td>
				HealthCare
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Indien
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				IT
			</td>
			<td>
				17,00
			</td>
			<td>
				9,00
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Japan
			</td>
			<td>
				1,50
			</td>
			<td>
				2,75
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Kina
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				2,50
			</td>
		</tr>
		<tr>
			<td>
				Klima og Miljø
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Stabile Aktier Akkumulerende
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Norden
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				1,75
			</td>
		</tr>
		<tr>
			<td>
				Nordic Small Cap
			</td>
			<td>
				1,25
			</td>
			<td>
				11,75
			</td>
			<td>
				2,75
			</td>
			<td>
				-
			</td>
			<td>
				3,00
			</td>
			<td>
				2,00
			</td>
			<td>
				14,50
			</td>
			<td>
				22,75
			</td>
			<td>
				28,25
			</td>
			<td>
				5,25
			</td>
		</tr>
		<tr>
			<td>
				Stabile Aktier
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				4,50
			</td>
			<td>
				1,50
			</td>
		</tr>
		<tr>
			<td>
				Stabile Aktier Akkumulerende
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				USA
			</td>
			<td>
				57,75
			</td>
			<td>
				5,00
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				1,25
			</td>
			<td>
				1,75
			</td>
			<td>
				1,25
			</td>
			<td>
				2,00
			</td>
		</tr>
		<tr>
			<td>
				Verden
			</td>
			<td>
				8,50
			</td>
			<td>
				3,00
			</td>
			<td>
				-
			</td>
			<td>
				1,00
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				1,25
			</td>
			<td>
				1,50
			</td>
			<td>
				1,50
			</td>
			<td>
				2,25
			</td>
		</tr>
		<tr>
			<td>
				Østeuropa
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				1,75
			</td>
			<td>
				-
			</td>
			<td>
				1,00
			</td>
			<td>
				1,75
			</td>
			<td>
				3,00
			</td>
			<td>
				33,25
			</td>
			<td>
				44,75
			</td>
			<td>
				4,50
			</td>
		</tr>
		<tr>
			<td>
				Obligationsafdelinger
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
		</tr>
		<tr>
			<td>
				Fonde
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				9,75
			</td>
		</tr>
		<tr>
			<td>
				Globale obligationer (4)
			</td>
			<td>
				11,00
			</td>
			<td>
				8,75
			</td>
			<td>
				6,25
			</td>
			<td>
				4,50
			</td>
			<td>
				2,75
			</td>
			<td>
				2,50
			</td>
			<td>
				2,25
			</td>
			<td>
				-
			</td>
			<td>
				3,00
			</td>
			<td>
				6,00
			</td>
		</tr>
		<tr>
			<td>
				HøjrenteLande
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				8,50
			</td>
			<td>
				11,75
			</td>
			<td>
				8,00
			</td>
			<td>
				6,00
			</td>
			<td>
				3,00
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Indeksobligationer
			</td>
			<td>
				3,75
			</td>
			<td>
				3,25
			</td>
			<td>
				3,25
			</td>
			<td>
				4,25
			</td>
			<td>
				4,50
			</td>
			<td>
				6,75
			</td>
			<td>
				4,25
			</td>
			<td>
				7,50
			</td>
			<td>
				5,25
			</td>
			<td>
				6,25
			</td>
		</tr>
		<tr>
			<td>
				Kapitalsikring
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Korte obligationer (3)
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				4,25
			</td>
			<td>
				5,25
			</td>
			<td>
				5,25
			</td>
		</tr>
		<tr>
			<td>
				Korte obligationer Privat (5)
			</td>
			<td>
				3,00
			</td>
			<td>
				4,50
			</td>
			<td>
				4,75
			</td>
			<td>
				4,25
			</td>
			<td>
				3,00
			</td>
			<td>
				2,50
			</td>
			<td>
				2,00
			</td>
			<td>
				2,25
			</td>
			<td>
				3,75
			</td>
			<td>
				5,25
			</td>
		</tr>
		<tr>
			<td>
				Lange obligationer Privat (6)
			</td>
			<td>
				-
			</td>
			<td>
				6,25
			</td>
			<td>
				7,50
			</td>
			<td>
				6,50
			</td>
			<td>
				6,50
			</td>
			<td>
				6,50
			</td>
			<td>
				5,50
			</td>
			<td>
				2,25
			</td>
			<td>
				2,50
			</td>
			<td>
				2,50
			</td>
		</tr>
		<tr>
			<td>
				Mellemlange obligationer (7)
			</td>
			<td>
				13,75
			</td>
			<td>
				33,50
			</td>
			<td>
				15,75
			</td>
			<td>
				7,25
			</td>
			<td>
				4,25
			</td>
			<td>
				3,75
			</td>
			<td>
				5,75
			</td>
			<td>
				7,00
			</td>
			<td>
				30,25
			</td>
			<td>
				7,50
			</td>
		</tr>
		<tr>
			<td>
				Mellemlange obligation. Privat (8)
			</td>
			<td>
				6,00
			</td>
			<td>
				5,25
			</td>
			<td>
				6,25
			</td>
			<td>
				6,25
			</td>
			<td>
				4,75
			</td>
			<td>
				2,75
			</td>
			<td>
				4,50
			</td>
			<td>
				2,25
			</td>
			<td>
				2,25
			</td>
			<td>
				3,50
			</td>
		</tr>
		<tr>
			<td>
				Virksomhedsobligationer (9)
			</td>
			<td>
				1,25
			</td>
			<td>
				-
			</td>
			<td>
				4,50
			</td>
			<td>
				4,50
			</td>
			<td>
				9,50
			</td>
			<td>
				7,25
			</td>
			<td>
				5,25
			</td>
			<td>
				4,00
			</td>
			<td>
				2,00
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Virksomhedsobli. Højrente (10)
			</td>
			<td>
				-
			</td>
			<td>
				3,25
			</td>
			<td>
				-
			</td>
			<td>
				9,75
			</td>
			<td>
				15,50
			</td>
			<td>
				8,25
			</td>
			<td>
				4,00
			</td>
			<td>
				6,00
			</td>
			<td>
				2,00
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Balancerede afdelinger
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
			<td>
			</td>
		</tr>
		<tr>
			<td>
				Stabil Balanceret (11)
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				4,00
			</td>
			<td>
				4,00
			</td>
			<td>
				3,75
			</td>
		</tr>
		<tr>
			<td>
				Stratega Høj (12)
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Stratega Lav (13)
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
		<tr>
			<td>
				Stratega Middel (14)
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
			<td>
				-
			</td>
		</tr>
	</table>
	<div style="height: 4000px">
		lots of content down here...
	</div>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script src="../js/jquery.stickytableheaders.js"></script>
	<script src="js/jquery.tablesorter.js"></script>

	<script>
		$(document).ready(function () {
			// initialize stickyTableHeaders _after_ tablesorter
			$(".tablesorter").tablesorter();
			$("table").stickyTableHeaders();
		});
	</script>
</body>
</html>