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

我在互联网上搜寻了一种方法来创建这样一张桌子，它不会让人感觉像是黑魔法

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

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

---

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

位置粘性可以工作

th {
    position: sticky;
    top: 0;
}

示例如下：

---

位置粘滞将起作用

th {
    position: sticky;
    top: 0;
}

示例如下：

---

使用黑魔法。所谓“固定标题”，你的意思是喜欢

位置：固定的效果吗？还是别的？@Ry-是的，当你滚动时，标题保持在顶部。@connexo我加入黑暗面之前的最后一次尝试。使用黑魔法。“固定标题”，你的意思是像
位置：固定的效果一样吗？还是别的？@Ry-是的，当你滚动时，标题保持在顶部。@connexo我在加入黑暗面之前的最后一次尝试。