Нужно показать все название узла мат-дерева (Angular material2)

Question

Мое дерево находится в div (height = 30% экрана).Мое дерево имеет три уровня, и я не могу прочитать все названия третьего уровня.(имя обрезано).

Кто-нибудь знает, как я могу "break-word" или добавить свиток в моем матовом дереве (overflow-x: scroll не работает)?

Я пытался:overflow-wrap: break-word; overflow-x: scroll; width: auto

Когда я пишу width: auto в моем css-файле, это ничего не меняет: я не вижу полного имени всего узла.

Спасибо большое !!

Answer 1

В вашем дереве контрольный список-пример.css

Добавить этот CSS:

.mat-tree-node {
  overflow: auto;
}

Для каждого узла дерева вы получите полосу прокрутки, когда она слишком длинная.

Вот вам Stackblitz