решить проблему.
Есть родительский флекс (условно 300px высотой), есть два вложенных в него блока (card-header и card-body). Как правильно сделать, чтобы card-body всегда растягивался на всю оставшуюся возможную высоту родительского флекса, то есть table-footer всегда был максимально снизу родительского флекса (не выпирал на высоту card-header в случае переполнения table-entities, не уходил наверх в случае если записей мало? Сложность еще в том, что card-header не фиксированной высоты, изменяется от наполнения.
Пробовал через flex-grow, но что-то безуспешно...
https://www.youtube.com/shorts/kNGYuTelE3E
А хтмл менять можно?
с наскока не получилось. завтра попробую )
Благодарю, попробую
Вообще не особо, структура строго задана, я для примера накидал ее в песочнице
такое подойдёт ? https://codepen.io/jt3k/pen/xxJvmVa?editors=1100
Вроде да) но я обошёлся одним flex-grow: 1
https://stackblitz.com/edit/angular-ivy-p1uxjp?file=src%2Fapp%2Fapp.component.html
Обсуждают сегодня