种表格响应并在较小的屏幕上可用，因此我们必须依赖各种模式，Adrian 在这个由两部分组成的系列文章中对此进行了解释。 表格允许我们将数据组织成类似网格的行和列格式。在一个方向上扫描表格允许用户搜索和比较数据，而在另一个方向上扫描允许用户通过将数据与其各自的表头元素匹配来获取单个项目的所有详细信息。 来自的表格示例的屏幕截图 来自Discogs的表格示例，用于按国家/地区、发布年份、目录号等比较记录的各种发布版本。（大预览） 表格通常依赖于有足够的屏幕空间来有效地传达这些数据关系。这使得设计和开发更复杂的响应表变得有些挑战。
方案来使表格具有响应
正如我们经常看到的其他元素，如手风琴、下拉菜单、模式等。这完全取决于表格的主要用途及其使用方式。 如果我们不考虑这些因素并使用错误的方法，我们 秘鲁电话号码表 可能会使某些用户的可用性变差。 小屏幕上显示的来自 Discogs 的表格示例的屏幕截图 小屏幕上显示的先前示例。如果没有表头元素，数据将难以解析和比较。使用不同的方法可以更好地实现此表。（大预览） 在本文中，我们将严格关注使 Web 上的表格具有响应性的各种方式，具体取决于数据类型和表格用例，因此我们不会涵盖表格搜索、过滤和其他类似的功能。 如果您有兴趣改善表格和其他 UI 元素的用户体验 (UX) 而不仅仅是响应能力，请务必查看 非常有用的智能界面设计模式研讨会，其中涵盖了各种 UI 组件（包括表格）的最佳实践和指南。
其中包括实用知识现场
视频录制和友好的问答。关于设计系统、用户体验、网络性能和。和许多其他人一起。 跳转到工作坊↬ 功能面板 关于无障碍桌子的简短入门 # 在深入研究 BTC 数据库欧盟 特定的响应式表格模式之前，让我们快速回顾一下有关设计和可访问性的一些最佳实践。我们将在本节中介绍一些一般要点，并在后面的示例中介绍其他更具体的要点。 设计和视觉特征 # 首先，我们需要确保用户可以轻松扫视表格并直观地将数据与各自的表格标题元素相匹配。从设计的角度，我们可以保证： 使用适当的垂直和水平对齐方他们的文章中介绍了这一点。 设计一个分区清晰、行和单元格之间具有最佳间距的表格。
