跳到主要内容

在移动设备上构建 Joomla 像素完美的响应式表格

响应模式对于在 Joomla 上显示 HTML 表格至关重要,无论您是在台式机上还是在小型设备(手机、平板电脑)上,有时布局上的空间都很小。 Droptables有 3 种响应模式:滚动、隐藏列和重复标题,具有多种响应设置。
有关更多功能,请返回主插件页面 >

使用列隐藏和显示优先级的响应表

使用列隐藏和显示优先级的响应表

这种Droptables响应模式是最可定制的。 您的表格显示为按优先级排序的列选择,其他列被隐藏,按照可用宽度。 您可以使用带有复选框的菜单强制在任何大小的屏幕上显示列。  

使用数据头组模式的响应表

一旦达到特定的屏幕宽度,此表响应模式就会在标题信息下方显示行数据。 您可以为每个表设置特定的响应断点(宽度)和表最大高度,这非常方便,具体取决于表的放置位置。

使用数据头组模式的响应表
使用滚动的响应表

使用滚动的响应表

滚动响应模式是固定表格的宽度和高度,然后显示水平和垂直溢出。 水平滚动将取决于您的内容宽度,并且您可以选择滚动时冻结多少列。

如何为HTML表格选择正确的响应模式

此处列出的所有响应模式都可以与单元格或列冻结以及固定宽度和高度的表一起使用。 根据显示的数据和使用最多的设备,所有响应模式都可能是相关的。

如何为HTML表格选择正确的响应模式
Droptables扩展价格

加入我们的60,000 多名会员并获得支持和新版本更新


专业版
扩展+ 1年支持和更新
$44
1
  • 多域/多站点
  • 1年更新
  • 1年支持
  • Dropfiles扩展
  • Droppics扩展
  • DropEditor集成
  • 没有预付款
  • 无日期有限公司
  • 最新的 Joomla 3、4 和 5 已准备就绪
270$
代替 547$
取得
JOOMLA BUNDLE

该Bundle提供对所有 Joomla 扩展并且可以在任何网站上使用。
此外,您将获得全年的每次延期的完整技术支持和更新。 就是现在! 提高您的效率并获得竞争优势。 试试bundle。

最近的推荐和评价