table固定表頭和第一列

$("#tableDiv").scroll(function(){//給table外面的div滾動事件綁定一個函數
var left=$("#tableDiv").scrollLeft();//獲取滾動的距離
var top=$("#tableDiv").scrollTop();//獲取滾動的距離
var trs=$("#tableDiv table tr");//獲取表格的所有tr
trs.each(function(i){//對每一個tr（每一行）進行處理
//獲得每一行下面的所有的td，然后選中下標為0的，即第一列，設置position為相對定位
//相對於父div左邊的距離為滑動的距離，然后設置個背景顏色，覆蓋住后面幾列數據滑動到第一列下面的情況
//如果有必要也可以設置一個z-index屬性
if(i==0){
$(this).children().css({"position":"relative","top":top,"background-color":"#F0F0F0"});
}
$(this).children().eq(0).css({"position":"relative","left":left,"background-color":"#F0F0F0"});
});
});