「縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」」のご紹介| Webデザイン参考記事まとめアプデ

2017年09月5日(火)

縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」

0

1

11

16

jquery.stickyTableHeader

jquery.stickyTableHeaderは縦に長くなったtableのヘッダをfixedにするスクリプトです。下にスクロールしてもヘッダだけ固定される、というよくあるやつ。theadタグが固定されます。使い方もシンプルで、tableを包括する要素にセレクタ指定するだけ。上に行ったり下に行ったりがなくなるので比較表なんかに導入すると喜ばれそうですね。

jquery.stickyTableHeader

Post by かちびと.net
PR:WPデザインギャラリー

任意のコンテキストメニューを実装できるスクリプト・「jQuery Menu」

Bootstrapでのtableにソートやページネーション、検索機能等を付与するスクリプト・「jQuery Bootgrid」

ブラウザで動くスプレッドシートの為のスクリプト・「jQuery.sheet」

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」』についてまとめています。

この記事は特にjavascript・jQuery・bootstrapについて書かれており、 HTML+CSSコーディングのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。