Angular 6 DataTable如何从字符串中保留空格

Question

我有一个简单的情况，我想在材料数据表的行内显示类似“ stri ng”的字符串，但实际上它会对其进行裁剪，因此我不知道如何保留该空格。

stackbltiz演示：

https://stackblitz.com/edit/angular-material-table-data-source-v9oksb?file=app/app.component.ts

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

谢谢

Answer 1

Using string.replace(), you can apply ' ' with  
srt = srt.replace(/ /g, ' ');

https://stackblitz.com/edit/angular-material-table-data-source-xnv6ey?file=app%2Fapp.component.html

Answer 2

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

通过堆栈闪电进行更改：

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