ホームページ成績上げ屋さんです!

ホームページ成績

上げ屋さんです!

HTMLの表見出しの固定方法 | ニッティ・グリッティとはマーケティングweb戦略デザイン美容室向け記事 | お役立ち情報 | 岡山のホームページ制作会社。WEB戦略が得意なホームページ成績上げ屋さん!

NITTY GRTTY
NITTY GRITTY

お役立ち

ニッティ・グリッティの

お役立ち情報

HTMLの表見出しの固定方法

UPDATE :

投稿者 : ニッティ・グリッティ

ニッティ・グリッティ

HTMLで作成した表はレイアウト崩れの原因になったり、一覧性が悪くてなかなか使いづらいですよね。


実はこの見出し、固定することができるようになりました!

※細かく言えば、Safari,Firefoxではできていたのですが、chromeでもできるようになったのです。ええ、IEは忘れてください…


こんな風に動きます


長い表をスクロールしていくと見出しがみえなくなり、

何のデータを見ているのかわからなくなり、

強い憤りを感じながら上にスクロールして見出しを確認し、

安心して下にスクロールすると見出しの内容を忘れ、

せわしなく上下にスクロールしながら見出しと内容の確認を繰り返している、

そんなときに思い出してください。


引用元:https://css-tricks.com/making-tables-with-sticky-header-and-footers-got-a-bit-easier/



(このやるせないもやもやを誰かに伝えたかった)

ニッティ・グリッティ

この記事を書いた人Who wrote this blog

ニッティ・グリッティ

プロフィール

無料診断

現状のHPを無料で診断いたします。
お気軽にお問い合わせください。

tel

お問い合わせ

tel


086-959-4456

受付時間 10:00〜17:00定休日/土日・祝日

BLOG

お役立ち情報

  • 雑に選んでいませんか?フォントでデザインに表情をつけよう!

    2024.12.03

    CATEGORY
    お役立ち情報

  • 【初心者さん必見!】使えると超おしゃれ!「ブレンドツール」とは!~イラレの便利機能紹介Part6~

    2024.12.02

    CATEGORY
    お役立ち情報

  • テンプレートで簡単!?もう悩まないプレゼン資料作成!

    2024.11.28

    CATEGORY
    お役立ち情報

  • ホームページ集客のコツとは?コンサルティング会社が紹介!

    2023.08.21

    CATEGORY
    お役立ち情報

  • IT導入補助金のご案内

    2023.08.07

    CATEGORY
    お役立ち情報

  • 【3分でわかる】Threads(スレッズ)とは?登録方法やTwitterとの違いをご紹介

    2023.07.07

    CATEGORY
    お役立ち情報

ホームページ改善勉強会プロ経営者トレーニング交流会毎月テーマを変えて懇親会費用だけでまるっと回収
© 2025 NITTY GRITTY All Rights Reserved.
  • tline
  • tfacebook
  • tinst
  • tyoutube
無料診断バナー無料診断バナー