[CSS]レスポンシブ対応のテーブルを実装するシンプルで、賢いアイデア

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

122users がブックマークコメント

記事へのコメント7件

注目コメント
新着コメント

tetsuhiko-kajino table

2017/06/20 リンク

yorozuna ちょっと古いブラウザが対象になってると使えないのもあって時々忘れるのでメモ。

2017/03/03 リンク

pmint あとは1レコード分の表の左側に見出しを付けたい。ACCOUNT列を90度反時計回りにして左端に。/ 各セルに「aria-label」を加えてレスポンシブに…何を言ってるやらと思ったら"content: attr(aria-label)"だって。普通に<label>使っとけ。

2016/10/27 リンク

etakaha aria-labelを使う

2016/10/15 リンク

ufomap レスポンシブ対応のテーブルの実装

2016/10/12 リンク

Hi32 行と列を入れ替える見た目だが、ソースではaria-labelを使いtd:before {content: attr(aria-label);}で呼び出す。1行ずつ書くのか

2016/10/11 リンク

muyuuu #読んでる. [CSS]レスポンシブ対応のテーブルを実装するシンプルで、賢いアイデア | コリス: http://bit.ly/2dHqLXd — むゆう (@anticyborg) October 11, 2016

2016/10/11 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

[CSS]レスポンシブ対応のテーブルを実装するシンプルで、賢いアイデア

Webページをレスポンシブ対応にする時、悩ましいコンテンツの一つがテーブルではないでしょうか。単にセ... Webページをレスポンシブ対応にする時、悩ましいコンテンツの一つがテーブルではないでしょうか。単にセルの幅を狭くするだけでは、一行に一文字しかない妙に縦長なテーブルになってしまいます。省略したり、プルダウンを利用したりなどいろいろなアイデアがありますが、もっとシンプルで簡単に、そして実用的な賢い実装アイデアを紹介します。 Responsive table layout レスポンシブ対応のテーブルのデモレスポンシブ対応のテーブルの実装レスポンシブ対応のテーブルのデモデモでは4x5のテーブルで、さまざまなデバイスのスクリーンサイズでコンテンツが最適になるよう実装されています。