Angular 6 datatable, как оставить пробелы из строк

Question

У меня есть простая ситуация, я хочу отобразить строки типа «string» внутри строк в таблице данных материала, но на самом деле это обрезать, и я понятия не имею, как сохранить эти пробелы.

stackbltiz demo:

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

первый элемент источника данных имеет измененное имя: "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 -, чтобы показать пробелы.

В вашем стеке изменения:

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