js实现html table 行,列锁定的简单实例

js实现html table 表头，指定列锁定

实现效果如下：

 感兴趣的朋友可以直接复制出来运行看效果。

  
  
  
  


  

    

      

 
姓名
 
班级
 
成绩
      
      

 
主科
 
文科
 
理科
 
总分
      
      

 
语文
 
数学
 
英语
 
政治
 
历史
 
地理
 
物理
 
化学
 
生物
      
      
    
    

      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
      

 
学生32
 
班级1
 
29
 
25
 
146
 
28
 
79
 
73
 
47
 
8
 
91
 
526
      
    
  

以上就是小编为大家带来的js实现html table 行,列锁定的简单实例全部内容了，希望大家多多支持考高分网~