实现一个非常长的Table,固定且可设置固定高度,并且滚动的时候固定列表表头。在这里推荐一个插件叫:jquery.freezeHeader。

使用方法非常简单,获取js文件,代码中引用jquery基本脚本和插件脚本,使用也非常简单,一句话搞定。

引用:
<script src="~/Scripts/jquery/jquery.freezeheader.js"></script>

使用:
$("#tableid").freezeHeader({ 'height': '300px' });

不过,虽然实现了效果,我这里有些列表会遇到稍微错列的情况,如下图:(敏感业务数据打了马赛克)

作为有强迫症的我来说受不了这个,经简单分析应该是获取width时小数的问题,这里我对原脚本文件做了一些修改,确保列表每个单元格的宽度都设定一致。

改后脚本下载,右键另存为:点击下载