简介
自2012年以来,“响应式设计”一直是网页设计的一个巨大趋势。网站主要面向任何设备提升用户体验。在这个逻辑下,轻量级的“响应式表格”插件被设计用来使任何HTML / CSS表格实现响应式设计,尤其是在移动设备上。为了创建这个插件,我致力于实现以下四个标准
不破坏模板的响应式布局,
不无必要地隐藏表格数据,
仍然允许您通过关键列比较行。
没有Jquery库以避免冲突,
通常,当你查看数据表时,你会意识到第一列是主要的关键。这是其他列的参考。我希望我的扩展“响应式表格”具有始终可用的第一列。
因此,在移动设备上,表格的表头成为这个第一列(下图中黄色的一列),表格“翻转”到侧面。
您只需用手指触摸表格,然后“向右”和“向左”移动列,第一列仍然固定并可使用(见下文)。
为了避免始终可能的jQuery冲突,“响应式表格”不使用这个库。
“响应式设计”体验已经在iPhone、iPad、Android和BlackBerry上成功测试。
注意
请勿使用“响应式表格”在内容中显示图片。该插件无法调整图片大小。如果您想/需要显示图片,最佳设计实践是使用标签 < div >,表格用于显示数据。
请使用我的论坛支持您的疑问,并在JED上发布您的评论。
享受!
=========
版本 4.1.0:服务器更新
版本 4.0.0:兼容 Joomla4
版本 3.0.0:修复通知消息
版本 2.5.0:更新器
版本 2.1.0:为更好的响应式设计体验添加一些代码改进
响应式表格
- 版本
- 4.1.1
- 开发者
- web-eau.net
- 最后更新
- 2023年10月20日
11个月前 - 添加日期
- 2014年11月19日
- 许可证
- GPLv2或更高版本
- 类型
- 免费下载
- 包含
- 文档
- 兼容性
- J3 J4 J5
使用 Joomla!更新系统
分享