jquery固定表头或冻结表头的方法

Posted 2020-07-02

html中经常遇到要把一个table的表头部分冻结，以便浏览时有更好的体验，百度完了大多数的网上解决方案，高级的bootstrap和angularjs中都没有清晰的解决方案，难道就我们中国人需要固定表头或者冻结table表头不成？其实自己写一个也没什么不可，eacherp中就有一个很方便的解决办法，一个函数而已，使用起来比较方便。

javascript代码：

<script>
var container="#grid";
var url="abc.php";
var table_title="序号,生产单号,派工单号,日期,物料id";

var height="400px";

var hidden_cols="currency_id,warehouse,supplier_id";

cjTable(container,url,table_title,height,hidden_cols);                                    ///表格高度,需要隐藏的td

</script>

其中：

container:是包含表格的容器的id,

url:提供表格数据的来源url,数据是json格式的

table_title:表格的表头的文字

height:表格的高度

hidden_cols:哪些json字段无需显示

网友可以自由下载这个js文件，便可直接使用它来构建固定表头的html表格了。下载地址：http://www.eacherp.net 下载后把rightgrid.js文件打开即可看到cjTable函数。

本文出自 “11027040” 博客，请务必保留此出处http://11037040.blog.51cto.com/11027040/1759020