長ーいテーブルも瞬時にページング処理してしまうjQueryプラグイン「Table Pagination」:phpspot開発日誌
NeoAlchemy Table Pagination 長ーいテーブルも瞬時にページング処理してしまうjQueryプラグイン「Table Pagination」 縦に長かったりするとテーブルは読みにくかったりしますが、このプラグインで初期化してしまえば一瞬でページ分けが完了します ページングするコードは次のように書けばOKです テーブル自体はそのままHTMLを書いておけばいいので楽チンですね。 関連エントリ Twitter OAuth認証をポップアップで行うjQueryプラグイン リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 中身が画像のselectボックスを作るjQueryプラグイン
【jQuery】非表示のテーブルを表示する場合は『display:table』とするべき。 - すたら日記
【不都合】『display:none』で非表示にしているブロック要素をJavascriptで 表示させる場合、普通は『display:block』と指定すると思います。 しかし、テーブル(<table>)で『display:block』と指定すると、 Firefoxなど一部のブラウザでは以下のようになってしまいます。 ▲<table>の枠線が、画面いっぱいに広がってる…！ HTML: <table> <tbody> <tr><th>aaa</th><td>1111</td></tr> <tr><th>bbb</th><td>2222</td></tr> <tr><th>ccc</th><td>3333</td></tr> </tbody> </table> CSS: table{ border:2px solid #f00; display:none; } th, td{ border:2
jQueryでテーブルをラジオボタンでソート（プラグインなし）
jQueryでテーブルをラジオボタンでソート（プラグインなし） jQuery2010年12月25日 よくプラグインでテーブルをソートする機能が紹介されていますが、自分はあんまプラグインを追加するのが好きじゃないというのもあり、自作してみました。 ついでに自動でストライプ模様になるよう実装しています。 jQueryはこちらからダウンロード 実際のサンプル HTML <ul class="list-sort"> <li><label for="line-all"><input type="radio" id="line-all" class="item" value="あ行" name="select" />すべて</label></li> <li><label for="line-01"><input type="radio" id="line-01" class="item" value=
【jQuery】tableのtrを取得したいのに。:</gecko>：げことじ。：日常からWEBまで：
以下のようなtableを書いたときに子要素であるtrを取得したいわけで。 <table id="table"> <tr> <td>hoge1</td> <td>hoge2</td> </tr> <tr> <td>hoge3</td> <td>hoge4</td> </tr> <tr> <td>hoge5</td> <td>hoge6</td> </tr> </table> <form action="javascript:void(0);"><input id="input" type="button" name="" value="run" /></form> 単純にjQueryを使うと $("#input").click(function(){ console.log($("table").children()); //jQuery(tbody) }); としちゃうんですが。 どうや
jQuery で table をいじるときは tbody を忘れない
まぁ普通に会員の一覧検索みたいな管理画面を作っていて、普通に table でタグが組んであって、それを項目名をクリックしたらその項目名の昇順で並び替えたいとか、そんなような作業ってのは結構あるわけで。 なんかこう、テーブルのそのデータ行の部分だけを Ajax で load するようにしたいなと。 思ったわけです。 で、テーブルは普通に、こんな感じであって、 <table id="result"> <tr> <th>ID</th> <th>氏名</th> <th>メールアドレス</th> </tr> <tr> <td>1</td> <td>山田</td> <td>yamada@・・・.jp</td> </tr> <tr> <td>2</td> <td>佐藤</td> <td>sato@・・・.jp</td> </tr> </table> このデータ行の部分だけを Ajax で書き換えたいって
jQuery :: チェックボックスが並んだテーブルをjQueryでどーこーするサンプル :: ウェブデザイナーの日記
先日、TraversingのアレコレをNettuts+に教わりましたんで、その応用練習ってことで、よくあるテーブルのデザインのサンプルをつくってみました。こういうの↓ http://1-pixel.com/sample/jquery-table/sample.html cssはhtml内に書かれています。よくあるヤツです。jsはコレです↓ $(function(){ table(); }); function table(){ $('tr', '#sample-table') .hover( function(){ $(this).addClass('tr-selected'); }, function(){ if(!$('input[type="checkbox"]', this).attr('checked')){ $(this).removeClass('tr-selected');
テーブルのヘッダとフッタを固定する簡易プラグイン - Cyokodog :: Diary
更新履歴 2010-06-02 jQuery.exTable.js を Ver 0.1.2 に更新 jQuery 1.3 以上のバージョンで正常動作しない不具合を修正しました。 サンプルを含む zip ファイルでダウンロードできるようにしました。 2010-01-21 jQuery.exTable.js を Ver 0.1.1 に更新 セルの内包要素の膨張、table 要素の margin 設定等によるレイアウト崩れ抑止処理を追加しました ヘッダ・ボディ・フッタ内のテーブル要素を取得するゲッターメソッドを追加しました 記事中のソースを修正しました だいぶ前に書いた「tableのヘッダを固定させる簡易scriptをサクっと作ってみた」というエントリに、「サンプルソースを参考にフッタも固定しようとしたけどうまくいかない」というコメントを先日頂きました。今にして見ると、前回、前々回のエントリで書
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無効なURLです