Bootstrap 3 のレスポンシブテーブル

Webデザイン

→ → → Entries ← ← ←
カテゴリー: 3系 　閲覧数:1077　配信日:2014-05-13 21:02


公式ドキュメント


Bootstrap 3 の「Responsive tables」に搭載されている機能
・モバイルサイズなどで画面からはみ出した場合、横スライド可能な状態で表示
Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

期待値以下
・期待していた程、Bootstrap 3 のレスポンシブテーブル機能は充実していないことが判明
・上記 FooTable ライブラリ導入を決意

週間人気ページランキング ／ 11-11 → 11-17
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 46
2 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 10
3 鉄道会社毎のカラーコード | カラーコード(色) 9
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
4 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 5
5 RGBの種類 ／ ビットカラー | RGB(色) 4
5 RGB ⇔ Lab | 色変換(色) 4
5 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 4
5 ページ内リンクの位置を微調整するためには、Negative margin を使用する | CSS 4
6 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 3
6 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 3
6 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 3
6 黒体 ／ 色温度 ／ D65（6500K）／ D50（5000K）／ K | 色 3
6 Design 0 3
7 プルダウンメニュー（セレクトボックス）要素を右揃えしようと思ったけど、出来なかったのでメモ | CSS 2
7 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 2
7 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 2
7 HSV ／ HSB 2
7 効果を打ち消すスタイルシート | CSS 2
7 「bgcolor」「background-color」「background」の違い | CSS 2
2025/11/18 1:01 更新
指定期間人気ページランキング ／ 2020-5-30 → 2025-11-17
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 8847
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4591
3 Design 0 3786
4 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | 色 3776
5 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2758
6 RGBの種類 ／ ビットカラー | RGB(色) 2707
7 「bgcolor」「background-color」「background」の違い | CSS 2048
8 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 1953
9 16進数カラーコード ／ 2進数 1867
10 コズミックブルーが何色か分からない | 色 1853
11 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 1692
12 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 1682
13 「属性」「プロパティ」「アトリビュート」の違い | CSS 1608
14 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 1561
15 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Google Chrome(ブラウザ) 1520
16 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 1518
17 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 1375
18 「東京都」のカラーコード取得は難しい | 色 1341
19 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 1204
20 「西武鉄道株式会社」のブランドカラーは、3色(#3366CC、#66CCFF、#33CC66) | 色 1167
2025/11/18 1:01 更新