创建具有固定标题和可变列宽的表的最简单的方法是什么?

时间:2018-09-29 13:56:57

标签: html css

我已经在互联网上搜寻了一种创建像这样的桌子的方法,这种感觉并不像黑魔法。

所有解决方案都有一些复杂的方法来实现这一基本目标。它们要么具有不可见的元素,要么使用Javascript,要么使用div,仅做一件事,等等...

两者最简单方式是什么?

编辑:通过固定标题,我的意思是滚动时保持在顶部。

1 个答案:

答案 0 :(得分:2)

位置固定会起作用。

th {
    position: sticky;
    top: 0;
}

示例在这里找到: https://codepen.io/WebNesting/pen/PywKEw

https://caniuse.com/#feat=css-sticky