我是角度新手,期待创建一个将呈现大量数据的表。下面是我试图实现的表中的功能。有人可以指导如何解决这个问题吗?有没有实现它的开源项目?或者好的资源
通用搜索按钮可在所有列中搜索并在表格中显示结果
用户可以显示和隐藏某些列
选定列上的预填充过滤下拉列表。可以在一列中选择多个选项(就像在谷歌电子表格中一样)
对选择性/所有列进行排序(一次按单个字段排序)
分页可以选择一页中的结果数量
每行的编辑和删除操作
可扩展行以显示更多元数据
Thanks!
因为我发现了 ng2-admin 的 Angular2 模板(http://akveo.com/ng2-admin/#/pages/dashboard http://akveo.com/ng2-admin/#/pages/dashboard),我一直在使用他们的表,该表来自另一个名为 ng2-smart-table 的存储库(https://github.com/akveo/ng2-smart-table https://github.com/akveo/ng2-smart-table).
我发现这非常有效,尽管需要做一些工作才能真正实用。
我一直将此表放在半大数据环境中,总体上我已经实现了良好的响应时间,只出现了几个问题,因此如果您正确执行操作,大量数据实际上没有问题。
-
过滤和一般搜索:演示中已经有一个工作示例:https://akveo.github.io/ng2-smart-table/#/examples/using-filters https://akveo.github.io/ng2-smart-table/#/examples/using-filters.
-
用户隐藏/显示列:它需要一些编码,但很容易实现。
-
下拉过滤器和选项:可以作为同一链接上的示例(https://akveo.github.io/ng2-smart-table/#/examples/using-filters https://akveo.github.io/ng2-smart-table/#/examples/using-filters,关于“复选框、选择和完成器过滤器类型”的底部)。
-
排序:可用且可定制。 (https://akveo.github.io/ng2-smart-table/#/documentation https://akveo.github.io/ng2-smart-table/#/documentation)
-
分页:可用且可定制。 (https://akveo.github.io/ng2-smart-table/#/documentation https://akveo.github.io/ng2-smart-table/#/documentation)
-
对行的操作:可用并可通过角度组件轻松定制(https://akveo.github.io/ng2-smart-table/#/examples/custom-editors-viewers https://akveo.github.io/ng2-smart-table/#/examples/custom-editors-viewers).
-
可扩展行:我没有亲自这样做过,但我知道这是可行的,因为我看到其他人用这张桌子这样做了。据我记得,它是为每个详细信息行使用另一个智能表来完成的,但这只是假设。
我推荐这个,因为它非常原始(并且文档并不完美),这意味着可以轻松定制以满足您的需求。我已经使用这个库近一年了,我有几种通用的智能表组件,它们非常易于设置和使用。
N.B:如果你确实是 Angular 的新手,请小心地正确理解概念和如何做事,因为管理表是你能做的最困难的工作之一,因为很容易创建一些既不实用也不高效的东西,尤其是如果您处理大量数据。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)