Joomla 上更好的响应式表格

Droptables几乎已经掌握了 Joomla 的所有表格。 在最近的更新中， Droptables增加了对更多类型数据的支持、更多使用方程处理数字的方法，以及使用电子表格等主题设置表格样式的新选项。 最新的更新同时涉及所有内容，因为它会同时影响所有内容：Joomla 的响应更好的表格。

与桌子有关的一个问题是它们占用的空间。 在桌面环境中，Web 浏览器可能很适合一张大桌子，或者至少可以更轻松地进行导航。 然而，在平板电脑或移动设备上，即使是一张小桌子也可能不适合。 用于 Joomla 的最新版本Droptables添加了新功能，以帮助您的表格在台式机、平板电脑和智能手机上看起来更好。 让我们潜入吧！

响应式 Joomla 表格主题 

多年来， Droptables为 Joomla 表格添加了许多功能，足以模糊简单表格和更复杂电子表格之间的分离。 那么，挑战就变成了如何重现表格，使它们在桌面设备、平板电脑和移动设备上看起来相同或至少尽可能相似。  

Droptables 3.7 的最新更新继续使 Joomla 博客上的响应式过渡更加无缝。 所有响应选项都出现在表格管理器中，在格式菜单下：恰当命名的响应选项项。 从这里，您可以管理您的表在不同类型的设备上的行为，无论它们有多大或多小。

例如，您可以选择您想要的响应式 Joomla 表格类型。 响应式表格可以在小型设备上具有滚动条，也可以隐藏一些列以适应最重要的数据和图形。 您还可以将表格设置为重复标题，这会重新构造表格以用一维视图替换列。 如下图所示，GIF 展示了表格的行为以帮助您进行选择。

根据您选择的响应行为类型，您可以更精细地配置主题。 例如，在滚动模式下，您可以设置表格的高度。 如果您选择隐藏列，您可以选择最重要的功能， Droptables在决定显示哪些数据时会优先考虑这些功能。 如果您更喜欢重复标题以在紧凑视图中显示所有数据， Droptables 3.7 引入了新选项。  

在平板电脑和移动设备上保留表格样式 

响应选项列表越来越长，这一次，轮到重复的标题来接收更新了。 响应式 Joomla 表格的重复标题视图现在具有三个选项：表格的断点、最大高度和样式。  

断点在表响应时建立。 当网络浏览器的视点或您的 Joomla 博客的可见区域低于某个宽度时， Droptables自动从默认表格视图切换到重复标题视图。 例如，在移动设备上，视点是设备的宽度（以像素为单位），它会触发响应式视图。

响应高度有不同的用途。 由于重复的标题视图使用了某种数据的一维表示，只有两列，所以一个表可以迅速演变成一个非常长的元素，占据你的 Joomla 博客。 因此，与滚动视图类似，响应高度为响应表建立了最大高度。  

最后，最后一个选项，响应模式样式。 以前， Droptables会通过交替的灰色来标记不同的列——现在在重复标题视图中的行在彼此下方。 如果您应用了自己的表格样式， Droptables覆盖大多数样式选项。 您仍然可以选择该选项，即默认响应模式样式，但现在，在最新版本中，您还可以选择样式 from table ，它保留了您的样式和主题。

表格代表了一种以普遍理解的格式显示数据的好方法。 然而，平板电脑和移动设备并不是为大数据而设计的。 不用担心， Droptables在这两个方面都在不断改进，让您改进数据及其在 Joomla 上的呈现，并确保您的表格看起来完美，无论是在台式机、平板电脑还是智能手机上。

并且完全兼容Excel功能！

Droptables不会出错。 这里查看插件。