在
响应式网站建设过程中，没有一个通用的解决方案可以让每一种表格都能在较小的屏幕上响应和使用，所以我们必须依靠各种模式。在本文中我们将根据数据类型和表的用例，严格地关注于使网站上的表具有响应性的各种方法，因此我们不打算讨论表搜索、过滤和其他类似的功能。
表格允许我们将数据组织成行和列的网格格式。向一个方向扫描表格允许用户搜索和比较数据，而向另一个方向扫描允许用户通过以下方式获得单个项目的所有详细信息将数据与其各自的表格标题进行匹配元素。
表格通常依赖于足够的屏幕空间有效地传递这些数据关系。这使得设计和开发更复杂的响应式表有些困难。那儿有没有通用的银弹解决方案来使表响应迅速正如我们经常看到的其他元素，如手风琴，下拉，调式，等等。这完全取决于桌子的主要用途和使用方式。如果我们没有考虑这些因素，并且使用了错误的方法，我们可能会使一些用户的可用性更差。
在深入研究具体的响应式表模式之前，让我们快速回顾一下关于设计和可访问性的一些最佳实践。我们将在本节中讨论一些一般要点，并在后面的示例中讨论其他更具体的要点。
首先，我们需要确保用户可以轻松地扫描表格，并直观地将数据与各自的表格标题元素相匹配；从设计角度来看，我们可以确保以下几点:使用正确的垂直和水平对齐(“单独列表”在他们的文章).用...设计一张桌子清晰的划分和最佳间距在行和单元格之间；表格标题元素应该突出并且样式不同于数据单元格；考虑使用行或列的可选背景色(“斑马条纹”)以便于扫描。
