简介：
在开发中尝尝需要能锁定表格表头和指定的列这样的功能，也就是说锁定了表头后表格向下滚动的时候表头始终不会滚动上去，锁定了表格指定的列的时候，表格横向滚动的时候，锁定的列始终不会被滚动过去。这个原创组件就完美的实现了这个功能。
 
优点：
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、固定表头和表格前三列，并设置表格大小：
附件：附件中包含组件源码和示例代码：
窗体顶端
窗体底端

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。