Joomla上的响应式表格
Droptables已经基本掌握了Joomla的表格功能。在最近的更新中,Droptables增加了对更多类型数据的支持,更多处理数字和方程的方法,以及新的选项来使用主题对表格进行样式设置,就像它们是电子表格一样。最新的更新同时影响了所有内容,因为它影响了所有内容:更好的Joomla响应式表格。
表格的一个问题是它们占用的空间。在桌面环境中,网络浏览器可以舒适地容纳一个大表格,或者至少使浏览它变得更容易。然而,在平板电脑或移动设备上,即使是一个小表格也可能无法舒适地显示。最新的适用于Joomla的 Droptables 版本添加了新功能,帮助您的表格在桌面、平板电脑和智能手机上看起来更好。让我们深入了解吧!
注意Joomla网站管理员!
使用Droptables增强您的客户网站。轻松创建和管理动态且视觉效果惊人的表格。
以专业的 数据呈现给您的客户留下深刻印象。
响应式 Joomla 表格主题
多年来, Droptables 为 Joomla 表格添加了许多功能,足以模糊简单表格和更复杂的电子表格之间的区别。那么,挑战就变成了如何以这样的方式重现表格,使其在桌面设备、平板电脑和移动设备上看起来相同,或者至少尽可能相似。.
Droptables 3.7 的最新更新继续使 Joomla 博客上的响应式转换更加无缝。所有响应式选项都出现在表格管理器中,在 格式 菜单下:名为 响应式选项 的项目。从这里,您可以管理表格在不同类型设备上的行为,无论它们的大小如何。
例如,您可以选择所需的响应式Joomla表格类型。响应式表格可以在小设备上具有滚动条,也可以隐藏某些列以适应最重要的 数据和数字。您还可以设置表格以重复标题,这将重新构造表格,以一维视图替换列。下面的GIF演示了表格的行为,以帮助您选择。.
根据您选择的响应式行为类型,您可以以更精细的粒度配置主题。例如,在滚动模式下,您可以设置表格的高度。如果您选择隐藏列,您可以选择最重要的功能, Droptables 在决定显示哪些数据时会优先考虑这些功能。如果您希望重复标题以紧凑视图显示所有数据, Droptables 3.7 版本引入了新选项。.
在平板电脑和移动设备上保持表格样式
响应式选项列表不断增长,这次是重复标题的更新。响应式 Joomla 表格的重复标题视图现在有三个选项:表格的断点、最大高度和样式。.
断点决定了表格何时变为响应式。当网页浏览器的视口,或者Joomla博客的可见区域,低于某个宽度时, Droptables 会自动从默认的表格视图切换到重复标题视图。例如,在移动设备上,视口是设备的宽度(以像素为单位),这会触发响应式视图。.
响应式高度的作用不同。由于重复的标题视图使用某种一维数据表示,只有两列,一个表格可以迅速演变成一个极长的元素,占用您的Joomla博客。因此,与滚动视图类似,响应式高度为响应式表格设置了最大高度。.
最后,一个选项是响应式模式样式。之前,Droptables 会通过交替的灰色标记不同的列——现在在重复的标题视图中是彼此下面的行。如果您应用了自己的表格样式,Droptables 会覆盖大多数样式选项。您仍然可以选择该选项,即 默认 响应式模式样式,但现在,在最新版本中,您还可以选择 从表格中选择样式,它保留了您的样式和主题。
呼唤所有Joomla网站管理员!
使用Droptables简化客户端网站的表格创建和管理。从价格表到数据比较,该扩展提供强大的功能和直观的编辑工具。
提升您的网页设计服务!
当您订阅博客时,我们会在网站有新更新时发送电子邮件给您,这样您就不会错过它们。.

评论