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

2024-03-19

我想创建一个包含可滚动数据的表。我必须冻结表格的第一行和第一列。表格的第一行和第一列必须自动调整宽度和高度,以适应表格内容区域中的可变单元格尺寸(因为用户将添加具有可变内容量的新表格单元格)。

有人问了一个相关问题:如何在滚动时锁定表格的第一行和第一列(可能使用 JavaScript 和 CSS)? https://stackoverflow.com/questions/296020/how-can-i-lock-the-first-row-and-first-column-of-a-table-when-scrolling-possibl

但在线演示和源代码的链接已失效,因此我无法确认解决方案。


使用优秀的jQuery 数据表 http://www.datatables.net/固定标头 http://datatables.net/release-datatables/extras/FixedHeader/index.html扩大。

向下滚动经过标题行,您会看到它整齐地粘在屏幕顶部。

对于页眉、页脚、左侧和右侧兴奋:

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

具有固定标题和固定列的可滚动 HTML 表格 的相关文章