2017年09月5日(火)
縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」
jquery.stickyTableHeader
jquery.stickyTableHeaderは縦に長くなったtableのヘッダをfixedにするスクリプトです。下にスクロールしてもヘッダだけ固定される、というよくあるやつ。theadタグが固定されます。使い方もシンプルで、tableを包括する要素にセレクタ指定するだけ。上に行ったり下に行ったりがなくなるので比較表なんかに導入すると喜ばれそうですね。
jquery.stickyTableHeader
- Post by かちびと.net
- PR:WPデザインギャラリー
- 任意のコンテキストメニューを実装できるスクリプト・「jQuery Menu」
- Bootstrapでのtableにソートやページネーション、検索機能等を付与するスクリプト・「jQuery Bootgrid」
- ブラウザで動くスプレッドシートの為のスクリプト・「jQuery.sheet」
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
グラフィシアの映像合成エンジンがINGクリエイションの空撮サービス『DroSee』に採用
NEXT ›
ブックマークレットの制作環境に最適だった… CodePenを使ってオリジナルのブックマークレットを開発しよう!
関連記事
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」』についてまとめています。
この記事は特にjavascript・jQuery・bootstrapについて書かれており、 HTML+CSSコーディングのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。