html - 最初の列を固定し、次の列をhtmlテーブルでスクロール可能にします

Question

2列しかないテーブルがあります。最初の列を固定し、次の列をすべての行でスクロール可能にしたい..全体として水平方向にスクロール可能である必要があります..個々の列ではありません

何百もの行が存在する可能性があります。。

ここJsfiddleにデモコードがあります

私はcssスタイリングにあまり触れていません。

score 3 · Accepted Answer

~~http://jsfiddle.net/Yw679/2/overflow:auto;のように、CSSを使用できます。~~

私が正しく理解していれば、左の列全体を静的にし、右の列全体（ヘッダーを含む）を水平方向にスクロールできるようにする必要があります。あれは正しいですか？

もしそうなら、それは1つのテーブルでは不可能です。しかし、少し余分なコードがあれば、次のような2つのテーブルで可能です：http：//jsfiddle.net/Yw679/6/

score 3 · Accepted Answer

あなたが探しているものは「凍結された列」と呼ばれています。

バージョン4.3で列のフリーズを実装するjqGridデモをここで参照してください。これは非常に用途の広いグリッドプラグインであり、試してみる価値があります（まだ試していない場合はそうです）。

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

1つのテーブルを使用し、2つの列を固定して、他の列はスクロール可能にすることをお勧めします。

Here is the リンク。

5 に答える 5