javascript - テーブルスクロールのtdを修正しました

Question

非常に多くの列と行がある動的テーブルがあります。問題は、スクロールが空のときに、スクロールが移動してもどこにも行かない場所に浮かんでいるように、thと左端のtdを固定したいということです。

これがフィドルです。コードがフィドルで機能していないのは、

実際にはデータベースからフェッチしているため、表示は一時的なものです。ヘッダーと左端のtdに値（hello）と（floatにする）をフロートさせたい。

Answer 1

これを試して：

以下のように適用し#roomsます。

#rooms {
    position: absolute;
    width: 47px;
}

また、以下のようposition: relativeに与える：<tr>

tr{
    position: relative;
}

そして<td>、以下のように<th>与えheightます：

td, th{
  height: 32px;
}

これが役立つことを願っています