回應式表格

我們在較小螢幕上處理表格資料的方式。一種獨特的方法,讓表格資料能符合任何螢幕大小。這個簡單的 JS/CSS 組合將讓您的表格適應小型裝置螢幕,而不會讓一切亂七八糟。

表格和回應式可以共存

不要再讓表格破壞您的回應式版面。這個簡單的 JS/CSS 組合將讓您的表格適應小型裝置螢幕,而不會讓一切亂七八糟。它的運作方式是取第一欄並將其「固定」在表格的左邊,讓您可以在其下方捲動其他欄位。您不會遺失每列的關鍵資料,但也不必破壞您漂亮的回應式版面。

從 Playground 下載程式碼
未在 5 中測試

我們製作這些附加元件時希望能相當強健,但它們尚未在 Foundation 5 中進行測試。如果您在 Foundation 5 中使用圖示字型、回應式表格或 SVG 社交圖示,請注意可能會出現問題。