我有一个简单的情况,我想在材料数据表的行内显示类似“ 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”
谢谢
答案 0 :(得分:2)
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
答案 1 :(得分:1)
只需将其包装在 pre -标签中即可显示空格。
通过堆栈闪电进行更改:
<mat-cell *matCellDef="let element"><pre>{{element.name}}</pre> </mat-cell>