用于显示大量分层数据的UI

时间:2016-12-16 09:20:32

标签: responsive-design treeview hierarchical-data usability

我有大量具有任意深度的层次结构的数据。我正在寻找一种在响应式单页面应用程序中显示数据的解决方案,以便用户可以选择层次结构中的任何元素。

现在我正在使用典型的树控件:

enter image description here

由于我有许多数据元素,这种树控件的可用性在具有小屏幕的设备上非常糟糕。您是否有任何关于用户界面布局的建议,以丰富可用性?

1 个答案:

答案 0 :(得分:1)

非画布菜单是一个可以适合您的选项。

在移动设备上,它会为您提供更多屏幕空间来显示您的链接。它现在也成为桌面上更受欢迎的选项,或者您可以在移动设备上进行离线导航,在桌面上使用树状菜单。

有很多优秀的非画布解决方案,我在单页网站上使用jQuery.mmenu并获得了良好的效果。它看起来不错,有很好的文档记录,并且有很多配置选项。

希望这有帮助!