Сгиб материала, клетка, Длинное «Слово», упаковка

Question

У меня есть следующий код:

https://stackblitz.com/edit/angular-syqjgp

У меня возникают проблемы при попытке правильно обернуть текст в ячейках данных.

Чтобы увидеть, что это не работает, сделайте следующее:

1. В раскрывающемся списке Выберите существующий элемент (2) выберите From Data 01 To Another Data entry
2. Прокрутите вниз до Поля данных01 введите и разверните его, щелкнув по нему.
3. Проверьте ячейки данных двух верхних строк для поля назначения .

В нем содержатся очень длинные данные, и я бы хотел, чтобы его обернули, но это не так.

Я пытался, но безуспешно:

.input {
    flex-wrap:wrap
}

Я пытался,безуспешно:

.mat-cell {
    padding: 0 10px;
    flex: 1;
    word-wrap: break-word;
    height: 48px;
}

И я прокомментировал height: 48px out.

Можно ли обернуть входной текст?