Super Tables

Ajax

Ajaxでtableを扱っていると、列ヘッダの固定や行ヘッダの固定を行いたいという要望が少なからずあります。Excelワークシートのインタフェースに慣れているためでしょう。

いくつかの方法がありますが、

1. ヘッダ部分とスクロール領域を別のtableにして、動きを連動させる
2. スタイルシートを使って固定する

などが一般的でしょうか。

他にも、何か簡単に実装できる方法がないかなぁ〜と思って色々と調べていたら、ちょうどよさげなライブラリを見つけました。それがSuper Tablesです。実際の動作はサンプルを見ていただけば分かりやすいでしょう。

ただ残念なことに、ASP.NETサーバーコントロールであるGridViewで試してみたところ、正常に動作してくれませんでした。（設定が悪いだけかも知れませんが...）


ASP.NETで実現するとしたら、Componet Geekさんところのエントリー『テーブル行ヘッダ固定化Extenderを作ってみた。列ヘッダ固定化にも対応してみた(バージョン0.6くらい？)』のようなExtenderコントロールのほうが良いのかも知れません。