带有不规则标题的CDK表/材料表：如何获得两层标题？

Question

我是Angular的新手，我想知道是否有可能使用CDK表/材料表来创建一个带有不规则标题的多层表，类似于此处所描述的：https://www.w3.org/WAI/tutorials/tables/irregular/ < / p>

例如，我的数据包含5列：

• 姓名（例如“棕色头发的人”）
• 男（例如1）
• 女性（例如2）
• 男（例如3）
• 女性（例如4）

标题是：

• 谁
• 男
• 女
• 男
• 女

现在这里有了这笔交易，我有2次男性和女性的原因是我想把它们分组为“＆lt; 18岁”和“＆gt; 18岁”。理想情况下，它看起来像上述网站上的示例1。

如果这是不可能的，那么实现它的最佳组件是什么？或者我应该将ngFor与普通的html表结合使用？

Answer 1

您可以在表格之前添加素材类：

<div class="mat-header-row">
  <div class="mat-header-cell"> empty (column 1) </div>
  <div class="mat-header-cell"> columns 2-3 </div>
  <div class="mat-header-cell"> columns 4-5 </div>
</div>

<mat-table>...