html - 具有两个粘性列和标题的HTML表(仅使用CSS)

原文 标签 html css css-tables fixed-header-tables

我正在努力使用HTML表格+可滚动的正文来获取两个固定的列和标题。
我进行了很多搜索,发现了以下方法:


this (only 1 fixed column/header)
this (only 1 fixed column/header; no table markup)
而且我也created my own solution使用了一个可以正常工作的库,但是我不喜欢html表格标签标记弄得一团糟,而且初始化colModal也不是一件好事,因为我的动态量很大列。


由于我对这些解决方案都不满意,所以我想知道是否有机会仅使用CSS完成这项工作?

最佳答案

我最接近的是this

没有HTML表标记,也没有IE支持。
我在标题和第一列上使用了position: sticky

表格的尺寸是可变的,但是需要提供单元的宽度。

关于html - 具有两个粘性列和标题的HTML表(仅使用CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50161050/

相关文章:

html - Bootstrap 轮播错误,只出现事件图像

html - 在网页上使用直接ASCII字体有什么问题吗?

php - 保护HTML5音频标签中的音频文件

css - 我的php表在IE中显示正常,但在Chrome中却没有

html - 如何在表格单元格内创建 div "height: 100%"

javascript - 在关闭</p>之前删除所有<br>

html5/css3 导航栏大小问题

jquery - jQuery下拉导航菜单

css - twitter bootstrap 输入前置全宽

jquery - 切换表 - 增加行跨度以容纳额外的切换行