Угловая ячейка таблицы материалов Упаковка данных

Question

Я использую угловой материал для отображения данных таблицы.Это всего лишь частичный код.Стол врезан в карточку материала.Данные в ячейке таблицы становятся беспорядочными, когда длина поля больше.я прикрепил скриншот для того же

<mat-card-content fxLayout="column" fxLayoutAlign="space-between" fxFlex>
  <h4>Incidents</h4>
  <mat-table #table [dataSource]="dataSource" matSort class="mat-elevation-z8">
    <ng-container matColumnDef="IncidentId">
      <th mat-header-cell fxFlex *matHeaderCellDef mat-sort-header>IncidentId</th>
      <td mat-cell fxFlex *matCellDef="let element">{{ element.IncidentId }}</td>
    </ng-container>
    ...

Вот как это выглядит:

Я использовал перенос слов, но этоне помогло

Тот же код появляется в IE в следующем формате

[ 2

Answer 1

Насколько я помню

fxLayout = "column" fxLayoutAlign = "space -ween" fxFlex

fxFlex устарело и fxLayout должно быть fxLayout="column wrap"

Полагаю, у вас есть overflow: hidden

---

Можете ли вы применить эти стили к этому столбцу

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;