不要让表格破坏您的响应式布局了。这个简单的 JS/CSS 组合将让您的表格适应小设备屏幕,而不必为一切担心。它的工作原理是:提取第一列并将其“固定”在表格左侧,同时允许您在表格下面滚动其他列。您不会丢失每行的关键列,而且也不必破坏漂亮的响应式布局。
我们制作这些附加功能时考虑到了很好的鲁棒性,但我们尚未在 Foundation 5 中进行测试。如果您在 Foundation 5 中使用图标字体、响应式表格或 SVG 社交图标,请注意小故障。