Изменить заголовок столбца таблицы

Вы можете легко отредактировать заголовки столбцов таблицы и сохранить новое значение в некоторой переменной следующим образом:

.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