Angular 6 datatable如何在字符串中保留空白

我有一个简单的情况，我想在material data表的行中显示类似“st Ring”的字符串，但它实际上会修剪这些字符串，我不知道如何保留这些空格

stackbltiz演示：

数据源的第一项已修改名称：“Hy dro gen”，但在表中显示为“Hy dro gen”

---

谢谢

只需将其包装在pre-标记中，即可显示空格

从您的stackblitz更改：

<mat-cell *matCellDef="let element"><pre>{{element.name}}</pre> </mat-cell>

{{element.name}

只需将其包装在pre-标记中即可显示空格

从您的stackblitz更改：

<mat-cell *matCellDef="let element"><pre>{{element.name}}</pre> </mat-cell>

{{element.name}

---

您的意思是您想要代码中的空格。但是只显示一个空格？设置空白：为列预换行空白：预换行工作完美您的意思是您想要代码中的空格。但是只显示一个空格？设置空白：为列预换行空白：预换行在stackbltiz工作完美，但在我的应用程序中，我的预标记显示为灰色文本区域，带有滚动条CSS框架或样式是否为预标记定义规则？您可以使用浏览器开发工具检查这一点。只需在那里选择pre-tag。然后你可以在你的样式中覆盖样式。cssAt stackbltiz它工作得很好，但是在我的应用程序中，我的pre-tag显示为带有滚动条的灰色文本区域。CSS框架或你的样式是否为pre-tag定义了规则？您可以使用浏览器开发工具检查这一点。只需在那里选择pre-tag。然后您可以覆盖styles.css中的样式