Html 具有固定列和滚动列的表

我有一张桌子，我想把它的一部分固定，一部分可以滚动

我希望能有这样的结局，除了在一张桌子里

这里有一个执行滚动的JSFIDLE，但我不知道如何插入正确的css类，使表的一部分固定，另一部分可滚动

以下是迄今为止的css：

#big_table {
  width:200px;
  overflow-x: scroll;
}

.fixed_cols {

}

.scrollable_area {

理想情况下，包含月份及其相关总数的区域可以滚动，而另一个最左边的三列可以固定

---

要使.fixed\u cols和.scrollable\u area类正常工作，我需要做什么？

嵌套表如何？您只能在

内部使用

，因此嵌套似乎是这里的唯一选项

编辑：这不起作用，标题没有与列对齐，也不能解决问题的最后部分-水平滚动月份。

不管怎么说，我对这个很感兴趣，所以继续挖掘。如果您不介意嵌套表，并以一种令人质疑的语义方式进行嵌套，那么

---

嵌套表怎么样？您只能在

内部使用

，因此嵌套似乎是这里的唯一选项

编辑：这不起作用，标题没有与列对齐，也不能解决问题的最后部分-水平滚动月份。

不管怎么说，我对这个很感兴趣，所以继续挖掘。如果您不介意嵌套表，并以一种令人质疑的语义方式进行嵌套，那么

---

应该对您有所帮助，但根据我自己的经验，这还不足以使工作模型适合生产。最后我用了一个很大的、笨重的、有缺陷的不同方法，但是把一个表分成了一个固定的列+可滚动的表。我看过那篇文章，在.headcol中的

位置：绝对
行时遇到了麻烦。它不能很好地与页面上的其他元素配合使用。应该会对你有所帮助，尽管根据我自己的经验，这还不足以使工作模型适合生产。最后我用了一个很大的、笨重的、有缺陷的不同方法，但是把一个表分成了一个固定的列+可滚动的表。我看过那篇文章，在.headcol中的
位置：绝对
行时遇到了麻烦。它与页面上的其他元素配合不好。是的，我同意这种方法。然而，我有点惊讶的是，目前还没有一种“正确”的方法可以做到这一点。是的，我同意这种方法。然而，我有点惊讶的是，现在还没有一个已经确立的“正确”的方法来做到这一点。