This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones.

スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。
次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。
（※↓は画像です）

知っておくと、レイアウトを崩さないでテーブルのようなＵＩ が必要な部分で使えそうですね。



設置方法は次の様に簡単

１．ライブラリを読み込み

<script type="text/javascript" src="webtoolkit.scrollabletable.js"></script>

 ２．テーブルを初期化

<table cellspacing="0" cellpadding="2" class="" id="myScrollTable1" width="400">
..................
</table>

<script type="text/javascript">
ScrollableTable.init('myScrollTable1', 100);
</script>

tableタグに付与されたidをScrollableTable.init に渡すだけです。
第二引数の 100 はテーブルの高さを指定します。