带树的 Angular 形 Material 表

标签 angular angular-material

我在带有树的 Material 中找不到表格示例 ( https://material.angular.io/components/table/examples )。有一个单独的表 (MatTableModule) 和一棵树 (MatTreeModule),但我需要可以将表作为树打开。在表格的大部分组件中,都有这样的机会( https://ggmod.github.io/angular-2-data-table-demo/ ),但它真的不在 Material 中吗?任何人都可以看到一个例子吗?你认为在 Material 表中引入一棵树会有什么困难?

最佳答案

您可以使用现有的 MatTable 创建一个类似于表的树。在 TreeControl 的帮助下这有助于您遍历数据并管理扩展状态。
这是示例 - https://stackblitz.com/edit/angular-m77g7e-semvxp?file=app%2Ftable-basic-example.ts
This is something I have created from above example

关于带树的 Angular 形 Material 表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50913473/

相关文章:

angular - 如何通过符号链接(symbolic link)或存储库导出和集成独立的 Angular 模块?

angular - 清晰度 Ng : how to close sidenav on click button inside

android - Ionic 2 构建的应用程序(IOS、Android)启动速度慢

javascript - 是否可以更改 Angular Material 的 mdSwitch 的假状态颜色?

html - 将 tabindex 设置为 Angular 材​​料元素

javascript - Angular ngrx例子理解reselect

javascript - Typescript/Javascript 中的复合 Promise?

css - IE11 中与 Angular Material 相关的悬停问题

javascript - Angular Material 对话框 : position always bottom right of windows

angular - 垫卡在我的 Angular 应用程序中不起作用