使html表格中的第一列固定,下一列可滚动

使html表格中的第一列固定,下一列可滚动,html,css,Html,Css,我有一个只有两列的表。我想让第一列是固定的,下一列可以在所有行中滚动..它应该作为一个整体水平滚动。。不是单个列 可能有数百行 我有一个演示代码在这里 我对css样式没有太多接触。你可以使用cssoverflow:auto,如中所示 如果我理解正确,您希望整个左栏是静态的,而整个右栏(包括标题)是水平滚动的。对吗 如果是这样,一张桌子是不可能的。但是,有了一些额外的代码,就可以使用如下两个表:您可以这样做: ​ 您正在搜索的内容称为“冻结列” 请参阅版本4.3中实现列冻结的jqGrid。这是一

我有一个只有两列的表。我想让第一列是固定的,下一列可以在所有行中滚动..它应该作为一个整体水平滚动。。不是单个列

可能有数百行

我有一个演示代码在这里

我对css样式没有太多接触。

你可以使用css
overflow:auto,如中所示

如果我理解正确,您希望整个左栏是静态的,而整个右栏(包括标题)是水平滚动的。对吗


如果是这样,一张桌子是不可能的。但是,有了一些额外的代码,就可以使用如下两个表:

您可以这样做:


您正在搜索的内容称为“冻结列”


请参阅版本4.3中实现列冻结的jqGrid。这是一个非常通用的网格插件,绝对值得一试(如果您还没有尝试过的话)。

我想您应该做一些类似于此示例的事情


最好使用一个表和固定的两列,另一列可以滚动


这里是

整个列应该是可滚动的。。不仅第一列可以水平或垂直滚动?在每一行中,第二列应该可以水平滚动。不仅在第一排。它作为一个整体应该是可滚动的。。不是单个列
th{
  display :inline-block;
  height: 50px;
  width: 100px;
  overflow: scroll;
}

th:first-child{
  overflow: hidden;
}