如何为ng-material-treetable设置非英文自定义表头？

嘿，我之前也折腾过这个组件，改表头其实没那么复杂，给你几个实用的方案，按需选就行：

1. 直接替换表头静态文本（最简单的场景） #

如果你的表头不需要动态变化，直接在模板里把英文文本改成你要的非英文内容就好。比如原来的代码可能是这样：

<ng-container matColumnDef="name">
  <th mat-header-cell *matHeaderCellDef> Name </th>
  <td mat-cell *matCellDef="let element"> {{element.name}} </td>
</ng-container>

把<th>标签里的Name替换成目标文本，比如中文的「名称」：

<ng-container matColumnDef="name">
  <th mat-header-cell *matHeaderCellDef> 名称 </th>
  <td mat-cell *matCellDef="let element"> {{element.name}} </td>
</ng-container>

2. 动态绑定表头文本（适合从配置/后端获取表头） #

如果表头内容需要根据业务动态调整（比如从后端接口拉取、或者从本地配置读取），可以在组件类里定义表头映射，再用Angular的属性绑定渲染：

// 组件.ts文件中定义表头配置
tableHeaders = {
  name: '文件名称',
  type: '文件类型',
  size: '文件大小'
};

然后在模板里绑定对应字段：

<ng-container matColumnDef="name">
  <th mat-header-cell *matHeaderCellDef> {{tableHeaders.name}} </th>
  <td mat-cell *matCellDef="let element"> {{element.name}} </td>
</ng-container>

3. 用Angular国际化i18n（多语言场景首选） #

如果你的项目需要支持多语言切换，推荐用Angular官方的i18n方案，步骤大概是：

• 在表头文本上添加i18n标记和翻译key：

<th mat-header-cell *matHeaderCellDef i18n="@@tableHeaderName"> Name </th>

• 提取项目的翻译文件，在对应语言的翻译配置里把tableHeaderName对应的内容改成非英文文本（比如中文的「名称」）。
• 配置Angular的i18n模块，实现切换语言时表头自动同步更新。

另外提一句，如果你用的是第三方封装好的树表格组件（不是原生Angular Material的mat-tree-table），可以去翻下组件文档，通常会提供headerText这类输入属性，直接传非英文文本就能搞定。

内容的提问来源于stack exchange，提问作者Luka