具有固定标题和固定列的可滚动HTML表

概述我想创建一个具有可滚动数据的表.我必须冻结表格的第一行和第一列.表格的第一行和第一列必须在宽度和高度上自动调整为表格内容区域中的可变单元格尺寸(因为用户将添加具有可变内容量的新表格单元格). 有人问了一个相关的问题： How can I lock the first row and first column of a table when scrolling, possibly using Jav 我想创建一个具有可滚动数据的表.我必须冻结表格的第一行和第一列.表格的第一行和第一列必须在宽度和高度上自动调整为表格内容区域中的可变单元格尺寸(因为用户将添加具有可变内容量的新表格单元格).

有人问了一个相关的问题：
How can I lock the first row and first column of a table when scrolling,possibly using JavaScript and CSS?

但是在线演示和源代码的链接已经死了,所以我无法确认解决方案.

解决方法 使用优秀的 jQuery Datables和 FixedHeader扩展.

向下滚过标题行,你会看到它整齐地粘在屏幕顶部.

对于页眉,页脚,左右兴奋：

http://datatables.net/release-datatables/extras/FixedHeader/top_bottom_left_right.html

总结

以上是内存溢出为你收集整理的具有固定标题和固定列的可滚动HTML表全部内容，希望文章能够帮你解决具有固定标题和固定列的可滚动HTML表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。