行列固定テーブル

行数: 列数: ダミー: 行列を適当に入力して実行してみましょう。 スクロールバーを動かしてみると、行列が固定されたテーブルであることが分かります。 HTMLでも少し工夫をすれば、EXCELのように行列固定テーブルを作ることが可能です。 行列固定テーブル用のライブラリもありますが、これぐらいは自前で作れるようになっておいたほうがよいでしょう。 では、ロジックの説明をします。行数7,列数7の場合で説明します。 まず、HTMLから見ていきます。 DIVを4つ作成し、それぞれのDIVの子要素にTABLEを指定します。 右上のテーブル(topLeftTable)だけtr,tdがありますが、これは行数列数に依存しないためです。 次にCSSを見ていきます。 注目すべきは、#topRightAreaと#bottomLeftAreaのoverflowがhiddenになっている箇所と、 #bottomRig

[iww]

普通に力技