mirrors
/
vaadin-framework
peilaus alkaen https://github.com/vaadin/framework.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940
							<html>
	<head>
		<title>Table concept prototype</title>
	</head>
	<body>
		<script lang="JavaScript">
			cols = 10;
			rows = 50;
			function scr() {
				var t = document.getElementById("inner");
				var h = document.getElementById("header");
				var s = document.getElementById("scroller");
				t.scrollTop = s.scrollTop;
				h.style.top = "" + s.scrollTop + "px";
			}
		</script>
		
		<div id="outer" style="border: 2px outset #8080A0; width: 522px;">
			<div id="scroller" onscroll="scr()"
			style="width: 15px; float: right; margin-top: 22px; height: 308px; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-x: hidden;">
				<div style="height: 5000px; width: 1px;"> </div>
			</div>
			<div style="width: 500px; height: 345px; overflow-x: auto; overflow-y: hidden; " id="inner">		
				<TABLE border="1" style="width: 1000px;">
					<tr id="header" style="position: relative; background-color: white; z-index: 10;"><script>for (var i=0; cols > i; i++) document.write("<th>Col " + (1+i) + "</th>");</script></th>
					<script>
						document.write('<tr><td colspan="'+cols+'" height="1000"> </td></tr>');
						for (var j=0; rows > j; j++) {
							document.write("<tr>");
							for (var i=0; cols > i; i++) document.write("<td>" + (1+i) + "," + (1+j) + "</td>");
							document.write("</tr>");
						}
						document.write('<tr><td colspan="'+cols+'" height="1000"> </td></tr>');
					</script>
				</TABLE>
			</div>
		</div>

	</body>
</html>