Гибкая высота для ряда

Question

Я пытаюсь реализовать базовый список сетки, но заметил, что контент часто больше по размеру, чем высота строки.

В этом примере карта специально называется «Информация».

Код былпредварительно сгенерированный схемой приборной панели, и я только что настроил его.

Я посмотрел на rowHeight = "fit", но это ничего.

В любом случае я могу сделать строки динамическими?

Код:

<code><mat-grid-list cols="4">
        <mat-grid-tile [colspan]=1>
            <mat-card class="dashboard-card">
                <mat-card-header>
                    <mat-card-title>
                        Details
                        <button mat-icon-button class="edit-button">
                            <mat-icon>edit</mat-icon>
                        </button>
                    </mat-card-title>
                </mat-card-header>
                <mat-card-content class="dashboard-card-content">
                    <pre>{{ itData| json }}

Карта 2

Содержимое карты здесь

Информация{{ шоу ?«Добавить ИТ»: «Просмотреть ИТ»}}

Answer 1

MatGridList не является компонентом макета.Это компонент сетки.«Сетка» означает, что все столбцы и все строки имеют одинаковую ширину или высоту.Таким образом, цель списка сетки состоит в том, чтобы сделать все его плитки одинакового размера.Это неправильный выбор компонента, если вы пытаетесь гибко выкладывать контент.

Несмотря на это, я не думаю, что в любом случае возможно сделать то, что вы хотите.Можно динамически изменять количество столбцов или отношение ширины к высоте плиток, но не только для определенных строк или столбцов.