如何将 HTML 表转换为角度材料表（mat-table）？答案

【问题标题】：How to convert HTML table to angular material table (mat-table)?如何将 HTML 表转换为角度材料表（mat-table）？
【发布时间】：2021-06-10 00:15:48
【问题描述】：

我对 Angular Material 有新的认识，并尝试使用将基本 Angular 表转换为 Angular 材料表 mat-table

我不知道从哪里开始。如何将下表转换为 mat-table？

这是我的 .html 文件，其中包含表格

<div>
    <h2>Count Data</h2>

<ng-container>
    <table style = 'width: 50%;'>
        <tr>
            <td>Select 1 {{newFinal.color}}</td>
            <td>{{newFinal.zind}}</td>
        </tr>
    
        <tr>
            <td colspan = '3' class = 'bold'> Wasi Final: {{newFinal.Queue}} ({{newFinal.selection}}) </td>
        </tr>
    
        <tr>
            <td colspan = '3' class = 'bold'> Collar Final: ({{newFinal.Titir}}) </td>
        </tr>
    

    </table>
 
</ng-container>

</div>

【问题讨论】：

标签： html angular html-table angular-material

【解决方案1】：

https://material.angular.io/components/table/overview

这个文档很棒，而且充满了例子

【讨论】：