实现一个非常长的Table,固定且可设置固定高度,并且滚动的时候固定列表表头。在这里推荐一个插件叫:jquery.freezeHeader。
使用方法非常简单,获取js文件,代码中引用jquery基本脚本和插件脚本,使用也非常简单,一句话搞定。
引用: <script src="~/Scripts/jquery/jquery.freezeheader.js"></script> 使用: $("#tableid").freezeHeader({ 'height': '300px' });
不过,虽然实现了效果,我这里有些列表会遇到稍微错列的情况,如下图:(敏感业务数据打了马赛克)
作为有强迫症的我来说受不了这个,经简单分析应该是获取width时小数的问题,这里我对原脚本文件做了一些修改,确保列表每个单元格的宽度都设定一致。
改后脚本下载,右键另存为:点击下载