响应数据网格

时间:2013-11-07 23:07:30

标签: javascript jqgrid datatables

是否有免费的JS数据网格组件,它具有响应式布局?

我尝试了DataTables和jqGrid,但我找不到有关响应式布局的任何内容。

我网站的访问者应该对移动设备上基于数据网格的可视化有很好的体验,但最常见的组件(至少是免费的)不提供此类功能。

2 个答案:

答案 0 :(得分:3)

通过我对网格响应性的一般搜索,我们的选择很少。理想情况是减少表中逻辑列的数量。为了使其更具响应性,您可以使用jqGrid并根据窗口大小$(window).resize()提及加载大小。

您还可以查看以下选项 http://elvery.net/demo/responsive-tables/

我希望它有所帮助。

答案 1 :(得分:3)

我现在找到了一个很好的响应式数据网格综合报告:
http://css-tricks.com/responsive-data-table-roundup/

就个人而言,我认为理想的解决方案仍然不存在。我不喜欢任何移动应用程序同时进行垂直和水平滚动。我也认为在大多数情况下你不想删除列。我也希望"标记"对于网格,不要求您在移动设备上显示网格的任何注意事项/指针,但我认为这对于体面的用户体验来说可能是不可能的。

对于这个问题是否会有一个万能的解决方案是值得商榷的。我不得不说理想的是,你会针对不同的情况创建不同的解决方案。因此,例如,如果您的桌面上有一个电子邮件网格,那么在移动设备上,您可能希望它们以您在任何知名移动邮件应用程序中看到的格式显示。但这可能不适用于包含更多列的项目列表。还有"可折叠的行"考虑。

说,我认为简单管理应用程序中的大多数数据网格可以做出响应,但解决方案还没有。