css อยากให้ช่วยทำตารางให้มัน fix หัว column กับแถวทางซ้ายอ่ะครับ เวลา scroll mouse ให้มันตามไปด้วยครับ

table {
	border: none;
	font-size: 10px;
	font-weight: normal;
	
	
}
td{
	border: none;
	padding: 5px;
	font-weight:bold ;
}


table.data {border: 1px solid #dcdcdc; margin: 10px 0px 20px 0px; width: 97%; border-collapse: collapse;font-size: 12px;  }
th.data {padding: 4px 2px 4px 2px;border: 1px solid #f7f4f4; background: url(../images/icon/green.jpg)repeat left center;text-shadow: 0px 0px #003362;color: #1c1a1a;  }
td.data {padding: 4px; border: 1px solid #d1c9c9;color: #5b5b5b;vertical-align: top; }

table.data_left {border: 1px solid #dcdcdc; margin: 10px 0px 20px 0px; width: 97%; border-collapse: collapse;font-size: 12px;  }
th.data_left {padding: 4px 2px 4px 2px;border: 1px solid #f7f4f4; background: url(../images/icon/green.jpg)repeat left center;text-shadow: 0px 0px #003362;color: #1c1a1a; position:fixed;  }
td.data_left {padding: 4px; border: 1px solid #d1c9c9;color: #5b5b5b;vertical-align: left;}