是否有任何具有响应式布局的免费 JS 数据网格组件?
我尝试了 DataTables 和 jqGrid,但在它们上找不到任何关于响应式布局的信息。
我网站的访问者应该对移动设备上基于数据网格的可视化有很好的体验,但最常见的组件(至少免费)不提供这种功能。
是否有任何具有响应式布局的免费 JS 数据网格组件?
我尝试了 DataTables 和 jqGrid,但在它们上找不到任何关于响应式布局的信息。
我网站的访问者应该对移动设备上基于数据网格的可视化有很好的体验,但最常见的组件(至少免费)不提供这种功能。
通过对网格中的响应性进行的一般搜索,我们几乎没有选择。理想的场景是减少表中的逻辑列数。为了使其更具响应性,您可以使用 jqGrid 并根据窗口大小 $( window ).resize() 提及负载大小。
您还可以检查以下选项 http://elvery.net/demo/responsive-tables/
我希望它有所帮助。
我目前在这里找到了一个很好的响应式数据网格综述:
http
://css-tricks.com/responsive-data-table-roundup/
我个人认为理想的解决方案还不是很理想。我不喜欢任何移动应用程序同时具有垂直和水平滚动。我还认为在大多数情况下您不想删除列。我还希望网格的“标记”不需要您为要在移动设备上显示的网格做出任何考虑/指针,但我认为这对于一个体面的 UX 来说可能是不可能的。
对于这个问题是否会有一个万能的解决方案是有争议的。我不得不说理想情况下你会为不同的情况创建不同的解决方案。因此,例如,如果您的桌面上有一个电子邮件网格,在移动设备上,您可能希望它们以您在任何著名的移动邮件应用程序中看到的格式显示。但这可能不适用于具有更多列的项目列表。还有“可折叠行”需要考虑。
话虽如此,我认为简单管理应用程序中的大多数数据网格都可以做出响应,但还没有解决方案。