仅CSS响应表
四年前我分享了一个想法使表格数据具有响应性。浏览器支持是实验性的，解决方案非常破旧。本周，我重新审视了这项技术，并对其进行了清理，我很高兴地说，所有现代浏览器都能完美地工作。
查看CodePen上的完整演示
下面是基本溢出的样子：
如果要翻转轴：
为了适应您的内容，您应该进行一些调整（断点、最小宽度等）。阅读下面的注释CodePen演示。那里的CSS也有注释。
可用性
当涉及到响应式表格时，没有一个一刀切的解决方案。表格适合容纳大量数据，但在小屏幕上很难进行数据比较，因为可见的不动产非常有限。永远不会有一个插件能解决这个问题。
我的解决方案就是<表格>元素可滚动，并提供一个可选的轴翻转（如果适合内容）。它并不能神奇地解决用户体验问题。
也许桌子不是答案！
如果您正在寻找专业的前端设计叫我一声。我们可以找到一种更容易访问的方式来显示您的内容。
大约在我最初发表这个想法的时候，Lea Verou公司写了关于纯CSS滚动阴影。阴影用作内容溢出和邀请滚动的视觉指示器。在我看来，这比硬截线还要好。
我找到了背景附件：本地在移动设备上不可靠。我的另一种方法可以很好地隐藏和显示阴影。我已经评论了代码笔CSS突出显示相关样式。
