编辑表列标题

Question

我想知道是否有什么方法可以编辑mat-table的列标题并将新值存储在某个变量中。我在任何地方都找不到令人满意的答案。

Answer 1

您可以轻松地编辑表的列标题并将新值存储在某些变量中，如下所示：

.html文件

<table>
  <tr>
    <th>{{heading1}}</th>
    <th>{{heading2}}</th>
    <th>{{heading3}}</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
    <td>Data 3</td>
  </tr>
</table>

.ts文件

heading1 = 'Test1';
heading2 = 'Test2';
heading3 = 'Test3';

现在，表标题将为Test1，Test2和Test3。因此，现在将heading1变量更改为'Heading 1'。表格的第一个标题将更改为Heading 1。

---

有很多有效且更清洁的方法来实现。
请阅读以下内容：https://material.angular.io/components/table/overview