响应数据网格

Question

是否有任何JS数据网格组件，免费，有一个响应的布局？

我试过DataTables和jqGrid，但在它们上找不到任何关于响应性布局的信息。

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

Answer 1

通过我在网格中进行的总体搜索，我们几乎没有什么选择。理想的情况是减少表中的逻辑列数。为了更好地响应，您可以使用jqGrid并根据窗口大小$( window ).resize()来提及负载大小。

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

希望能帮上忙。

Answer 2

目前，我在这里发现了大量响应性数据网格的汇总：

http://css-tricks.com/responsive-data-table-roundup/

就我个人而言，我认为理想的解决方案还不完全存在。我不喜欢任何移动应用都有垂直和水平滚动。我还认为，在大多数情况下，您不想删除列。我也希望网格的“标记”不要求您为网格在移动设备上显示做任何考虑/指示，但我认为这对于一个像样的用户来说可能是不可能的。

对于这个问题是否会有一个一刀切的解决办法是值得商榷的。我不得不说，理想情况下，您可以针对不同的情况创建不同的解决方案。例如，如果你的桌面上有一个电子邮件网格，在手机上，你可能会期望它们以你在任何著名的移动邮件应用程序中看到的那种格式显示。但这可能不适用于列更多的项目列表。此外，还有“可折叠行”需要考虑。

说到这一点，我认为大多数简单管理应用程序中的数据都可以做出响应，但是解决方案还没有出现。