縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」 - かちびと.netjquery.stickyTableHeaderは縦に長くなったtableのヘッダをfixedにするスクリプトです。下にスクロールしてもヘッダだけ固定される、というよくあるやつ。theadタグが固定されます。使い方もシンプルで、tableを包括する要素にセレクタ指定するだけ。上に行ったり下に行ったりがなくなるので比較表なんかに導入すると喜ばれそうですね。 jquery.stickyTableHeader
テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」:phpspot開発日誌
jQuery.floatThead テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」 スクロールしてヘッダが消えるとこの列が何を意味しているのか分からなくなるということがよくありますが、HTMLテーブルでもそれを回避するためにヘッダを固定することが出来るようにするjQueryプラグインです。 のように $(elem).floatThead() を呼び出すだけで速攻実装できます 関連エントリ テーブルのソート・フィルタ機能等、超多機能テーブルに変形させられる「jQuery-KingTable」 ヘッダ、フッタを固定したテーブルを実装できるjQueryプラグイン「jTableScroll」 高機能＆高速なテーブル実装jQueryプラグイン「WATable」 横に長いテーブルもレスポンシブに使えるようにする「Tabella js」
テーブルの行（TR要素）をスライドで表示切替させる方法(2) | Javable.Jp
前回はサンプルだけ提示しましたが、今回はそのソースコードを解説します。 念のため、対応ブラウザ このページのサンプルは、下記ブラウザで確認しました。 Firefox 2.0.0.10, Firefox 3.0.10 (Windows XP sp3, Mac OS X v10.5.6) IE6, IE7, IE8 (Windows XP sp3) Safari 3.2.1 (Mac OS X v10.5.6) jQueryのバージョンは、1.3.2です。 組み方のポイント 行の表示/非表示をスムーズに見せるには、jQueryの組み方だけでなく、HTML, CSSでもいくつか注意すべきところがあります。概要は以下の通りです。 [HTML] 各セル内部をdivで囲み、divをスライドさせるようにする。 [CSS] セルのパディング(cellpaddingまたはCSSのpaddingプロパティ)は
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
横長テーブルもレスポンシブにできる「jquery.responsive-tables」:phpspot開発日誌
横に長いテーブルもレスポンシブに使えるようにする「Tabella js」:phpspot開発日誌
