Ячейка сетки не растягивается, если есть больше контента

Question

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

Я пытался создать макет сетки, но когда у меня больше содержимого на карте, ячейка не расширяется.

Он прячется под И я также не могу адаптировать сетку. Как я могу изменить colspan i rowspan в зависимости от разрешения экрана?

Здесь вы можете увидеть, что я сделал: https://stackblitz.com/edit/angular-kmhut9

Answer 1

В мат-сетке вы помещаете rowHeight = "250px", чтобы вы наложили на него усилие, не увеличивающее go, чтобы вы могли либо удалить его, либо включить css, что является минимальной высотой: 250px; и он сохранит его в автоматическом размере или, если вам нужно, чтобы он был высотой 250 пикселей без автоматического расширения, то вам нужно отредактировать ваш css здесь:

.dashboard-card{
   position:absolute;
   top:15px;
   bottom:15px;
   left:15px;
   right:15px;
   overflow:auto; //this the the line to be added
}