html - 在 html Table 中使第一列固定并且下一列可滚动

Question

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

可以有数百行。.

我对 CSS 样式的了解不多。

score 3 · Accepted Answer

~~您可以使用 CSS overflow:auto;，如http://jsfiddle.net/Yw679/2/~~

如果我理解正确，您希望整个左列是静态的，并且整个右列（包括标题）是水平滚动的。那是对的吗？

如果是这样，一张桌子是不可能的。但是有一些额外的代码，有可能有两个这样的表：http: //jsfiddle.net/Yw679/6/

score 3 · Accepted Answer

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

请参阅此处的 jqGrid演示，该演示在4.3版中实现列冻结。这是一个多功能的网格插件，绝对值得一试（如果你还没有，那就是）。

score 0 · Accepted Answer

你可以这样做：

th{
  display :inline-block;
  height: 50px;
  width: 100px;
  overflow: scroll;
}

th:first-child{
  overflow: hidden;
}

</p>

score 0 · Accepted Answer

我想你想做类似这个例子的事情

score 0 · Accepted Answer

0

最好使用单个表以及固定的两列，而其他列是可滚动的。

Here is the 链接。

于 2018-07-12T05:46:58.980 回答

5 回答 5