更多具有重复标题的响应式WordPress表格

WordPress 表格是一把双刃剑，尽管 WordPress 多年来一直在进步。它们是呈现数据的理想选择，但不利于讲故事。如果您认为这还不够糟糕，请等待您了解智能手机和平板电脑：设备空间更小，难以展示数据。有些表格缺点您必须学会忍受，但响应式设计并不是其中之一。.

上一次对 WP Table Manager

具有重复标题的响应式表格

当没有足够的空间来显示表格时，会发生什么？在上一次更新中，WP Table Manager 为您提供了两个响应式选项：添加滚动条和隐藏列。这两种模式都有其应用场景，但如果您想避免水平滚动或隐藏数据，第三种新模式可能是您正在寻找的：重复标题。

重复标题响应模式与所有其他模式一样，在有足够空间时默认为普通表格，例如在台式机或笔记本电脑等桌面设备上。当空间不够时，它会折叠成一个更简单的表格，包含两列：表格标题和行值。.

在实践中，这意味着如果在表格中有四列，原始表格中的每一行将被表示为响应版本中的四行新行。每行新行仅包含原始标题及其数据值。此方案适用于原始表格中的每一行，因此在数据值旁边始终有一个重复的标题。.

由于这种简单的响应式设计，重复的表头模式允许您向表格中添加任意数量的数据，而无需担心它在移动设备和平板电脑上的显示效果。此外， WP Table Manager 在较小的设备上使用交替颜色的行：原始表格中的每一行都会获得不同的颜色，从而保留上下文并允许您的 WordPress 读者区分记录。.

在重复标题模式下自定义响应式表格

您可以在编辑表格时选择重复标题模式：从响应式选项中选择格式菜单，然后在第一个下拉菜单中查找重复标题模式。您还可以通过两种方式自定义重复标题表格：响应式断点和响应式最大高度。

响应式断点是指低于此宽度的情况下，WordPress 表格管理器插件将停止以常规方式呈现表格，而是切换到响应式、重复标题模式。您可以根据您的 WordPress 主题和列数来估算此值：如果您认为表格在某个宽度以下无法正常显示，请将其用作断点。.

如果您有许多行或许多列，则重复标题模式可能会创建一个很长的页面。响应式最大高度通过限制响应模式下重复标题表的高度来解决此问题。如果响应表太长，您的WordPress读者可以使用滚动条像往常一样查看更多数据。.

对于响应式表格，没有万能的解决方案，但WordPress表格的重复标题模式很接近完美。无论您有一个小表格还是一个包含多行多列的大表格， WP Table Manager的新重复标题模式都能确保您的数据始终适合，无论使用什么设备。.