「スクロール可能なテーブル表示」をクロスブラウザ対応で ２

Project CSS Javascript

以前の日記で幾つか試してみたのですが、結果としては以下の手法をひとまず採用する事に。

採用の理由としては、

  1. 各ブラウザで問題無く閲覧が可能(IE7/IE6/Firefox2/Opera/Safari)
  2. 記述が簡単
  3. ヘッダー部・フッター部の細工が可能(複数段のヘッダー等)

クロスブラウザ対応なのは勿論なのですが、それよりも重要視したのが記述の手軽さ、導入の容易さ。この手法がその辺のハードルが一番低く、理解もし易いと思いました。
なるべくシンプルに作っといた方が改修の手間・新規参入時の理解の容易さにも繋がると思うし。

課題としては、

  1. どこまで複雑なヘッダー／データレイアウトに耐えられるのか
  2. 横スクロールの場合の一覧表形式の作成方法どうするか
  3. 縦横スクロール混在の場合のの作成方法をどうするか

辺りでしょうか。特に3番目の縦横スクロール混在の場合。上記採用方法の「発展形」で横スクロールも対応可能なのか、はたまた別の手法を取らざるを得ないのかは要調査。