ใครพอมีโค้ด นำข้อมูลอกมาในตาราง แล้วมี scrollbar เลื่อน แต่ตารางจะคงที่ จะเลื่อนได้เฉพาะที่ไม่ใช่หัวตาราง

<STYLE TYPE="TEXT/CSS"> 
	div#tbl-container{
	height: 200px;
	overflow: auto;
	}
	 
	thead th, thead th.locked{
	font-weight: bold;
	text-align: center;
	background-color: #ADC1CE;
	position:relative;
	cursor: default; 
	}
		
	thead th {
	top: expression(document.getElementById("tbl-container").scrollTop-2); /* IE5+ only */
	z-index: 20;
	}
	 
	thead th.locked {z-index: 30;}
	 
	td.locked,  th.locked{
	left: expression(document.getElementById("tbl-container").scrollLeft); /* IE5+ only */
	position: relative;
	z-index: 10;
	}
</STYLE>


	<DIV id="tbl-container">
	<TABLE BORDER="1" WIDTH="586" id="tbl">
		<THEAD>
		<TR>
			<TH width="100">a</TH>
			<TH width="129">b</TH>
			<TH width="132">c</TH>
			<TH width="197">d</TH>
		  </TR>
		</THEAD>
		<TBODY>
		<TR>
			<TD>1</TD>
			<TD>&nbsp;</TD>
			<TD>&nbsp;</TD>			
			<TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>2</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>3</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>4</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>5</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>6</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>7</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>8</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>9</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>10</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
	</TABLE>
	</DIV>