新スクロール付きテーブル
前回は、divタグを使ってテーブルの形状にしたが、
今回はちゃんとtableタグを使うことにした。
やっていくと、IEの動作が足を引っ張る。
どうもIEだけ他のブラウザと動作が違うのだ。
おまけに変なバグがあったりもするし。。。。。
ところで、前回作ってから、しばらく時間が経っているので、
同じようなものはないかと探してみた。
やっぱりないようだ。
そのため、再度作ることになったわけだ。
概要を簡単に書いておく。
●行ヘッダー、列ヘッダー対応のスクロール可能なテーブル
●1行おきに、色を変えて表示
●選択行の表示
●「追加モードあり」にすると行末に「追加」という行が表示
●列毎に配置属性の設定可能
●行数のリミット属性あり(これを超えると、先頭から自動的に削除)
●選択行の変更イベントあり
●テーブル制御用の各種apiあり
なにに使うかというと、データ登録などの際の、入力済みデータの
履歴表示に使うことを想定している。
例えば、上部にこのテーブル、下部に入力フォームを表示。
フォームに入力後、登録ボタンを押すと、そのデータがテーブルに
表示される。
テーブルの入力済みの行をクリックすると、その内容がフォームに
表示され、修正できる。
そのままでは、無限に表示しなければならないことになるため、
表示のリミットも用意。
という感じ。
完全にJavaScriptでの制御を目的にしたもの。
これができたら、作りたいものがあるので、早めに完成させるつもり。
今回はちゃんとtableタグを使うことにした。
やっていくと、IEの動作が足を引っ張る。
どうもIEだけ他のブラウザと動作が違うのだ。
おまけに変なバグがあったりもするし。。。。。
ところで、前回作ってから、しばらく時間が経っているので、
同じようなものはないかと探してみた。
やっぱりないようだ。
そのため、再度作ることになったわけだ。
概要を簡単に書いておく。
●行ヘッダー、列ヘッダー対応のスクロール可能なテーブル
●1行おきに、色を変えて表示
●選択行の表示
●「追加モードあり」にすると行末に「追加」という行が表示
●列毎に配置属性の設定可能
●行数のリミット属性あり(これを超えると、先頭から自動的に削除)
●選択行の変更イベントあり
●テーブル制御用の各種apiあり
なにに使うかというと、データ登録などの際の、入力済みデータの
履歴表示に使うことを想定している。
例えば、上部にこのテーブル、下部に入力フォームを表示。
フォームに入力後、登録ボタンを押すと、そのデータがテーブルに
表示される。
テーブルの入力済みの行をクリックすると、その内容がフォームに
表示され、修正できる。
そのままでは、無限に表示しなければならないことになるため、
表示のリミットも用意。
という感じ。
完全にJavaScriptでの制御を目的にしたもの。
これができたら、作りたいものがあるので、早めに完成させるつもり。
プログラム・開発(その他開発) | comments (0) | -
Comments