html部分

---

       
              
                      
    
          
      
                
第一列
                
第二列
                
第三列
                
第四列
                
第五列
                
第六列
                
第七列
                
第八列
                
第九列
                
第十列
           
           
                
1-2
                
2-2
                
3-2
                
4-2
                
5-2
                
6-2
                
7-2
                
8-2
                
9-2
                
10-2
           
           
                
1-3
                
2-3
                
3-3
                
4-3
                
5-3
                
6-3
                
7-3
                
8-3
              
9-3
              
10-3
           
           
                
1-4
                
2-4
                
3-4
                
4-4
                
5-4
                
6-4
                
7-4
                
8-4
              
9-4
              
10-4
           
           
                
1-5
                
2-5
                
3-5
                
4-5
                
5-5
                
6-5
                
7-5
                
8-5
              
9-5
              
10-5
           
           
                
1-6
                
2-6
                
3-6
                
4-6
                
5-6
                
6-6
                
7-6
                
8-6
              
9-6
              
10-6
           
           
                
1-7
                
2-7
                
3-7
                
4-7
                
5-7
                
6-7
                
7-7
                
8-7
              
9-7
              
10-7
           
           
                
1-8
                
2-8
                
3-8
                
4-8
                
5-8
                
6-8
                
7-8
                
8-8
              
9-8
              
10-8
           
           
                
1-9
                
2-9
                
3-9
                
4-9
                
5-9
                
6-9
                
7-9
                
8-9
              
9-9
              
10-9
           
           
                
1-10
                
2-10
                
3-10
                
4-10
                
5-10
                
6-10
                
7-10
                
8-10
              
9-10
              
10-10
           
           
                
1-11
                
2-11
                
3-11
                
4-11
                
5-11
                
6-11
                
7-11
                
8-11
           
           
                
1-12
                
2-12
                
3-12
                
4-12
                
5-12
                
6-12
                
7-12
                
8-12
           
           
                
1-13
                
2-13
                
3-13
                
4-13
                
5-13
                
6-13
                
7-13
                
8-13
           
           
                
1-14
                
2-14
                
3-14
                
4-14
                
5-14
                
6-14
                
7-14
                
8-14
           
           
                
1-15
                
2-15
                
3-15
                
4-15
                
5-15
                
6-15
                
7-15
                
8-15
           
      
    
  

---

css部分

---

*{margin:0;padding:0} .LockRow{position:relative;z-index: 2;top:0;} .LockCell{position:relative;left:0;z-index:0} .LockCross{z-index:3;} .divBoxing{clear:both;overflow:scroll;position:relative;border:1px solid black;} .tbLock{border-collapse:collapse;} .lockRowBg{background-color:red;} .lockColumnBg{background-color:orange;} table{position:relative;}

---

js部分

---

(function($){
      $.extend($.fn,{
          TableLock:function(options){
              var tl=$.extend({
                  table:"lockTable",//table 的id                 lockRow:1,//固定行数                 lockColumn:1,//固定列数                 width:"100%",//表格显示宽度（实质是外出div宽度）                 height:"100%",//表格显示高度（实质是外出div高度）                 lockRowCss:"lockRowBg",//锁定行的样式                 lockColumnCss:"lockColumnBg"//锁定列的样式             },options);             var tableId=tl.table;             var table=$("#"+tableId);             if(table){
                  var box=$("
    
");                     box.scroll(function(){
                      $(".LockRow").css("top",$(this).scrollTop()+"px");                     $(".LockCell").css("left",$(this).scrollLeft()+"px");                 });                 box.css("width",tl.width).css("height",tl.height);                 table.wrap(box);                 table.addClass("tbLock");                 if(tl.lockRow>0){
                      var td1;                     for(var r=0;r
    
     0){
                      var rowNum=$('#'+tableId+' tr').length;                     var tr2;                     for(var t=(tl.lockRow);t