mat-tree 遇到 CSS 网格

Question

如何将复选框树分解为更易消费的网格布局？

问题是没有分组包装器，只有一些指示组关联的填充。

斯塔克闪电战

可能的例子似乎破坏了树的功能......然而，这更像是一个styling - issue.

如何使第一个案例像秒一样"look and feel"？

mat-tree上的样式

• style="display: grid; grid-template-columns: 1fr 1fr 1fr"

Answer 1

恐怕不可能像您示例中的那棵树那样为一棵扁平树实现这种行为。但是，您可以使用mat-nested-tree-node创建嵌套树。查看 mat 树示例部分中的"具有嵌套节点的树">示例。StackBlitz实现也可用。