この写真の記事へ

表の特定の列だけを抜粋して表示できるようにする方法(画像)

西村 文宏

執筆者：西村 文宏

ホームページ作成ガイド

一部の列を非表示にすることで、表が読みにくくなるのを防ぐ。

一部の列を非表示にすることで、表が読みにくくなるのを防ぐ。

この写真の記事へ
一部の列を非表示にすることで、表が読みにくくなるのを防ぐ。
「Download ZIP」ボタンで一括ダウンロード
MediaTableを使ったサンプルページ
MediaTableスクリプトを使った表示効果
列数の多い表を、横幅の狭いウインドウで閲覧すると、列の横幅が狭くなって読みにくくなる。

ほかのギャラリーを見る

ハートマークも文字として定義されているので、色やサイズはCSSで自由に装飾できる (Edgeでの表示例)
EdgeではWebkit用の記述も有効になっている例
一度無効化されたボタンでも、再度有効な状態に戻せるようにする
よく使われるサンプル用ドメイン名のスペルミスを狙った危険なウェブサイトもある
アクセスするたびに異なる画像が表示される
ページ移動や別ウインドウを表示することなく、任意のメッセージや別ページの内容を表示できる