テーブルをちょっとだけ使いやすくしてくれるjQueryプラグイン「rbTable」:phpspot開発日誌
Making a table become selectable with rbTable テーブルをちょっとだけ使いやすくしてくれるjQueryプラグイン「rbTable」。 テーブルのセル上にカーソルがあうと色が変わって、クリックすると更に選択状態にできるというjQueryプラグインです。 沢山のデータをたどる上で、こういった機能はとても便利ですが通常のテーブルにはありませんね。 ちょっとした一手間で使いやすいテーブルにできるので覚えておいもよいかも。 CSSなどは自分で指定してデザインすることが出来るので、自分で好きなようにデザインすることができるはずです。 初期化には次のように、CSSのクラスを指定してあげるだけです $('.table').rbTable({row:"your_class", rowClick:"your_click_class"}); 関連エントリ 超カッコいい
階層構造が作れるテーブルを実現できるjQueryプラグイン「treeTable」:phpspot開発日誌
jQuery treeTable Plugin Documentation 階層構造が作れるテーブルを実現できるjQueryプラグイン「treeTable」 次のようなエクスプローラ風の階層を持ったテーブルを作ることができます。 カラムも別れており、それぞれ情報を表示でき、階層の折りたたみもできます。 テーブルを決められたルールに従って定義したら、$(element).treeTable();として初期化するだけです。 シンプルですがなかなか使えそうです 関連エントリ ヘッダ固定の分かりやすいテーブルを簡単実装できるjQueryプラグイン「jQuery.FixedTable」 縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」
縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」:phpspot開発日誌
縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」 2011年05月17日- Lightweight Scrollable Tables | jQuery Plugins 縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」 $('table').scrollbarTable();のように呼び出すだけで簡単にスクロール化してくれます。 特に派手な演出はありませんが、シンプルで汎用的に使うことが出来ます。とかく長くなりがちなテーブルも１行で簡単にスクロール化できるというのは色々な場面で使えるでしょう。 $('table').scrollbarTable(100)のように引数を渡せば高さを100pxに指定出来ます。 デモページはこちら 関連エ
テーブルを使ったいろいろなjQueryプラグイン26個まとめ | Web活メモ帳
料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました！ jQuery Visualize HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。 jquery.csv2table.js エクセルなどで作ったCSVファイルを読み込み、クロスブラウザなテーブル表示を行うjQueryプラグイン。 行の絞り込みや文字列検索などかなり高機能になっています。 jExpand 表、画像、リスト、図やその他の要素を折りたたみ表示する事ができます。 Fixed Header Tables ヘッダーを固定して表示します。Excelでは良く使いますね。 縦に長い表を使う場合に非常に便利です。 treeTable テーブルの中にツリー構造を実装できます。 Flex
テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear
なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な気がします。 jQueryだけでなくmootoolsも用意されてるみたいです。テーブル内でソートが可能で、セル内は編集できます。もちろん、編集後のソートもOK。行そのものを消す事も可能ですよ。 セル内は編集可能で、普段はこのように通常と変らないインターフェースを維持できます。マウスでクリックするとプルダウンや入力エリアが出現。 編集してもソート機能は維持 ソート機能が付いていますが、セル内に変更を加えても、変更後の内容でソートしてくれます。 行の削除も 行ごと削除する事も出来ます。 デモはPHPとMySQLを使って設計してるようですが、他のシステム上でも動作すると
[jQuery] プラグインを使わずに少しのコードを使ってテーブルのセルを分かりやすくハイライトする
IE6ではtd.hover:hoverが効かないので濃くなりません。IE6はもういいんじゃないかな。 JavaScriptjQuery本体と以下のコードで動作します $(function(){ var overcells = $("table td"), hoverClass = "hover", current_r, current_c; overcells.hover( function(){ var $this = $(this); (current_r = $this.parent().children("table td")).addClass(hoverClass); (current_c = overcells.filter(":nth-child("+ (current_r.index($this)+2) +")")).addClass(hoverClass); }, fu
![[jQuery] プラグインを使わずに少しのコードを使ってテーブルのセルを分かりやすくハイライトする](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3b64fcae12fc4680a913e41df94f680d0ec3caf/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2011%2F04%2Fjq.jpg)
ヘッダ固定の分かりやすいテーブルを簡単実装できるjQueryプラグイン「jQuery.FixedTable」:phpspot開発日誌
ヘッダ固定の分かりやすいテーブルを簡単実装できるjQueryプラグイン「jQuery.FixedTable」 2011年02月16日- jQuery plugin: jQuery.FixedTable - Nova download ヘッダ固定の分かりやすいテーブルを簡単実装できるjQueryプラグイン「jQuery.FixedTable」。 テーブルは便利ですが、左から2番目のカラムは何を意味するんだっけ？という時に下の方にスクロールしていると上まで戻らないといけなかったりしますね。 そこでテーブルヘッダを固定位置にして分かりやすくできるというもの。 テーブルの最左部を固定にしてテーブルを横長にすることも出来ます。 テーブルのヘッダを固定にして通常のテーブルっぽくすることも出来ます。 デモページ 実装も基本的に $(element).fixedTable( options ) で簡単実装
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
