jquery表头锁定组件

简介：

在开发中尝尝需要能锁定表格表头和指定的列这样的功能，也就是说锁定了表头后表格向下滚动的时候表头始终不会滚动上去，锁定了表格指定的列的时候，表格横向滚动的时候，锁定的列始终不会被滚动过去。这个原创组件就完美的实现了这个功能。

优点：

1、表头、表列双向同时锁定；

2、70行代码，短小精悍，依赖于JQuery库；

3、调用简单，一行代码就能搞定。

4、兼容性：支持IE6(+)，FF3.6+，Opera9+，Chrome9+

缺点：

表格数据不宜过多，表格数据超过5千条的时候可能会有卡顿（不过现在貌似都不会将这么多数据直接一次性展示在前台，一般都会采用后台分页，所以这个缺点可以忽略吧^_- ）可推广性：

1、只要用到了HTML表格，那么就能用；

2、如果表格的行数很多，那么就能用；

3、如果表格的列数很多，那么就能用；

使用方法：

$('#table1').fixedTable(); /*默认fixed，只锁定表头和第一列*/

$('#table2').fixedTable({'fixCol': 3, 'width': 860, 'height':420}); /*锁定表头和前三列并设置高度和宽度*/

实现原理(画图说明)：

上图红色部分为要取出来的部分，蓝色部分为拼接后可以看到的部分。最终结果如下图:

实例演示效果图：

1、只固定表头和表格第一列：

2、固定表头和表格前三列，并设置表格大小：

附件：附件中包含组件源码和示例代码：