テーブルを使ったいろいろなjQueryプラグイン26個まとめ | Web活メモ帳
料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました！ jQuery Visualize HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。 jquery.csv2table.js エクセルなどで作ったCSVファイルを読み込み、クロスブラウザなテーブル表示を行うjQueryプラグイン。 行の絞り込みや文字列検索などかなり高機能になっています。 jExpand 表、画像、リスト、図やその他の要素を折りたたみ表示する事ができます。 Fixed Header Tables ヘッダーを固定して表示します。Excelでは良く使いますね。 縦に長い表を使う場合に非常に便利です。 treeTable テーブルの中にツリー構造を実装できます。 Flex
HTML で Excel の「ウィンドウ枠の固定」を実現する
Excel で「ウィンドウ枠の固定」をすると、固定部分は縦または横方向にしかスクロールしなくなる。 HTML でこのようなスクロールを実現できないか悩んでいたら、ある人がこういうサイトを教えてくれた： ウィンドウ枠の固定２ http://www.h7.dion.ne.jp/~nuru44/window2.html ポイントは次の２点 本体部分、および、上・左の固定部分を別々にブロック化し、CSS の overflow を使ってそれぞれブロック内でスクロールできるようにしておく JavaScript を使って、本体部分のスクロール量を上・左の固定部分のスクロール量に反映させる 上に紹介したサイトのものは複雑でわかりにくかったので、もっとシンプルな例を作ってみた。 あいうえおかきくけこさしすせそたちつてと いうえおかきくけこさしすせそたちつてとあ うえおかきくけこさしすせそたちつてとあい えお
テーブルのヘッダを固定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb
ソースコード (X)HTMLファイル ヘッダ固定に直接関係のないidやclassは省略しています。 また、データ部分についても長くなるので省略しています。 <div class="table_header_fixed"> <table cellspacing="0"> <thead> <tr> <th>順位</th> <th>タイトル</th> <th>スタジオ</th> <th class="last">興行成績</th> </tr> </thead> <tfoot> <tr> <td colspan="4" class="last">copyright</td> </tr> </tfoot> <tbody> <tr> <td>1</td> <td>パイレーツ・オブ・カリビアン/ワールド・エンド</td> <td>ディズニー</td> <td class="last">$961,002,
テーブルの見出しを固定してデータ部分だけをスクロールさせる
<HTML> <HEAD> <TITLE>テーブルの表題を固定してデータ部分だけをスクロールさせる</TITLE> <script language="JavaScript"> <!-- window.onload = cngrow; function cngrow(){ //行の背景を一行おきに塗分けします。詳細はこちら var myTR =document.getElementById("myTBL").rows; for (var i=0;i<myTR.length;i++) { var v=i%2; if (v==1) { myTR[i].style.backgroundColor = "#ffccff"; myTR[i].style.color = "navy"; } } } //--> </script> </HEAD> <BODY> <TABLE cellpadding="2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
