Angular Материал mat-grid-list устанавливает различную высоту для каждой mat-grid-tile - PullRequest
Новая
       15

Angular Материал mat-grid-list устанавливает различную высоту для каждой mat-grid-tile

0 голосов
/ 20 января 2020

Я новичок в материале Anuglar.

Я хотел создать приборную панель, используя mat-grid-list. В каждой ячейке есть содержимое, но оно отличается по высоте.

Проблема в том, что mat-grid-tile не расширяется при большом количестве содержимого.

Это то, что я получаю, когда написать lorem50 в ячейку Проблема

И что мне нужно Результат Я добился этого, написав rowspan = '2' Но как мне контролировать rowspan, если содержимое выравнивается? больше

Если хотите, можете потренироваться здесь https://stackblitz.com/angular/mnkbnkqkoje?file=src%2Fapp%2Fgrid-list-overview-example.html

<mat-grid-list cols="2" rowHeight="2:1">
  <mat-grid-tile rowspan='2'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, iste, veniam autem dolorum eius officia sequi nisi ratione consequuntur placeat assumenda veritatis voluptatum? Alias libero, repudiandae in ad reiciendis exercitationem harum perferendis
    aperiam saepe fugiat? Numquam, cum repellat. Quia voluptatem reprehenderit necessitatibus, magni eaque incidunt qui dolorem vitae sequi exercitationem.</mat-grid-tile>
  <mat-grid-tile>2</mat-grid-tile>
  <mat-grid-tile>3</mat-grid-tile>
  <mat-grid-tile>4</mat-grid-tile>
</mat-grid-list>
...