当您激活“冻结窗格”时,如何创建一个第一行和第一列都被锁定的表格,就像在 Excel 中一样?我需要表格水平和垂直滚动(存在很多解决方案,但只允许垂直滚动)。
因此,当您在表格中向下滚动时,第一行将保持不变,因为它具有列标题。这可能最终会出现在thead
,也可能不是,无论什么都可以使解决方案变得更容易。
当您向右滚动时,第一列保持不变,因为它包含行的标签。
我很确定仅靠 CSS 是不可能的,但是有人能指出我的 JavaScript 解决方案吗?它需要在所有主要浏览器中工作。
哦,好吧,我查找了带有固定列的可滚动表格,以了解这一特定要求的需要,而您的问题就是其中之一,没有明确的答案。
我回答了这个问题具有固定滚动行和固定滚动列的大型动态大小 html 表格这启发我以插件的形式展示我的作品https://github.com/meetselva/fixed-table-rows-cols
该插件基本上将格式良好的 HTML 表格转换为具有固定表头和列的可滚动表格。
用法如下,
$('#myTable').fxdHdrCol({
fixedCols : 3, /* 3 fixed columns */
width : "100%", /* set the width of the container (fixed or percentage)*/
height : 500 /* set the height of the container */
});
您可以检查演示和文档在这里
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)