superTables.js：ヘッダと最初のセル固定させて使い勝手抜群テーブル！ ・・・ 【JavaScript】

　はい。
　さきほど投稿しました「紹介リンク集」
　見ていただけましたでしょうか？

　今まで（これからも）このブログで紹介する
　すぐれたサービスやサイトを　ここにまとめてゆきますので、
　どうぞご利用ください。
　　　　・・・ほとんど自分用、ですがね。

　さて、
　そこで多くの方は気付かれた？でしょうか？
　（わざわざテーブル構成にしていたのですが）

　ね！　１番上のTR行と
　　　　　１番右のTD列が固定されているでしょう。

　左右に情報量の多い表作成の場合
　このようにExcelのような動きを設定できると非常に便利です。
　※昔はフレーム利用して
　　　テーブル長さ固定させ、フレーム間のスクロール連動
　　　なんてことやってましたねぇ。
　　　（今でもイントラの管理画面とかでたまにやりますが）

　今回はね、
　こりゃあね。大変だったのです　　・・・　なんてのは冗談で
　　　　　　　　　　　　　　　　　　　　　　　　あっと言う間に実現。

　それは
　　　　　＞＞＞　superTables.js 　のおかげです！

　　　▼

[提供URL：] http://www.matts411.com/main/super_tables

[配布物：]superTables.js 本体、スタイルシート４種類、サンプルHTML
　※色味を変えられる色別のスタイルシートが付属

[ダウンロード：]　上記URLにアクセスし

　からダウンロード

　＞　解凍
　　　※問題なく終了
　　　　・サンプルHTMLを開けばすぐに確認できます

[実施：]
１：使用するHTMLのヘッダに以下を記述

CSS(空色のスキン使う時：私）

JavaScript

　・*** は適時環境に合わせて

２：上記の場所に
　superTables_Sky.css、superTables.js をアップロード

３：使用したいテーブルで

などとすればいいはず？ですが
うまくゆかなかったので
最初は skinCon とデフォルトを設定、最後に入れ替える手法をとりました。
このあたりもサンプルみればすぐわかります。

４：カスタマイズはちょっとだけ

ぐらいです

　超簡単！

　サンプルは　紹介先リンク集！

　※なお、ずぼらの私は今後、情報を登録するときに楽なように
　　データ自体を　JavaScriptの変数にしていますが、ね。
　　これは superTables.js とは直接関係ありません。あしからず。

superTables.js
すばらしい、ありがとうございました。

superTables.js

これは便利そうですね！

私も過去にフレームを駆使して作ったことがありましたが、これがあればそんな必要はないですね。

数値を扱うような資料をよく作るのでその時試してみます。


追伸
いつも読ませて頂いているので勝手にトップページにリンクさせてもらいました。
もしご迷惑でしたら削除しますのでトップページメールフォームよりご連絡ください。


コメントありがとうございます。
いいですよねぇ。随分前からあったらしいのですが・・・
もっと早く知っていれば、どれだけ
仕事が楽になってたか・・
※リンクありがとうございます。
　それでは私も
　リンクに入れさせていただきます。
　あまり「相互リンク」とかはしていないのですが
　「縁はいいもの」・・ですからねぇ。 このコメントは管理人のみ閲覧できます

NAME:

MAIL:

URL:

COMMENT:


PASS:

SECRET:
管理者にだけ表示を許可する