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

Question

我在互联网上搜索了一种方法来创建这样一张感觉不像黑魔法的 table 。

所有的解决方案都有一些复杂的方法来实现这样一个基本的东西。它们要么有不可见的元素，要么使用 Javascript，要么使用 div，要么只做一件事等等……

实现两者的最简单方法是什么？

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

Answer 1

位置粘性会起作用。

th {
    position: sticky;
    top: 0;
}

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

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