表头,上下滚动时固定，左右滚动时自动对齐

重申一点：网上有很多表头固定，功能残缺，很多都只有上下滚动，表头固定，连左右滚动的功能都没有。试问，这样的表头固定有多大意义。近日，本人在做项目的时候，也碰到要写这样的功能，不仅仅要求上下滚动，表头固定，还要求左右滚动时，表头自动对齐，还要求，浏览器缩放时，不影响这些功能.刚接手的时候，却实挺棘手的，没有清晰的思路，逐步分析，总结出了一点思路，供大家学习。

1. 需要用到jquery来编程，本人用的是jquery-1.3.2.min.js

2. 准备两个div，一个div的id为headDiv，用来放置表头.另一个div的id为bodyDiv，用一放置表格数据

3. headDiv：这个div的style中的属性overflow="hidden"，表示无滚动条，设置div的相对位置，相对于bodyDiv，在bodyDiv的上方，并覆盖bodyDiv的头部

4. bodyDiv：这个div的style中的属性overflow="scoll"，表示带有滚动条，width="100%"。在bodyDiv放置一个表格,表格有表头，表内容

5. 通过jquery，马bodyDiv克隆到headDiv里

有不解的地方再留言.慢慢向你们道来！源码-demo

以下附上2张效果图：