使第一列固定，下一列在html中滾動表

Question

我有一個只有兩列的表。我想讓第一列是固定的，下一列可以在所有行中滾動..它應該作爲一個整體水平滾動..不是單個列

可以有數百行。 。

我這裏有一個演示代碼在Jsfiddle

我沒有太多接觸到CSS樣式。

Answer 1

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

如果我理解正確的，你想整左欄是靜態的，並且整個右列（包括標題）是水平滾動。那是對的嗎？

如果是這樣，這是不可能的一張桌子。但有一點額外的代碼，它可能有兩個表是這樣的：http://jsfiddle.net/Yw679/6/

Answer 2

你可以做這樣的事情：

http://jsfiddle.net/Yw679/3/

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

th:first-child{ 
    overflow: hidden; 
} 

Answer 3

什麼您正在搜索叫做「冷凍柱」。

查看實現列凍結的jqGrid demo here版本4.3。這是一個相當通用的網格插件，絕對值得一試（如果你還沒有，那就是）。

Answer 4

我想你想要做這樣的事情例如

https://www.datatables.net/extensions/fixedcolumns/examples/initialisation/left_right_columns.html