固定表格列标题

问题描述: ?当我们在页面列出的表格数据的行远远大于屏幕高度. 而滚动滚动条到数据底部时却看不到该列所对应的列标题

?

解决方法: JQUERY 插件

?

步骤:

1. ?引用jquery-1.3.2.min.js ,?CloneTableHeader.js (两个JS请查看附件)

?

2. ?编写JS:

$(function(){jQuery.fn.CloneTableHeader("tab1", "div1");?//tab1表格ID,div1 : 表格外div的ID

?});

?

?3. ?代码如下:?

<div style=" height: 100px; overflow:scroll;" id="div1">

?
4. 注意: ?表格的列标题必须在THEAD之内, 否则没有效果.
?