Как сделать так, чтобы карточка была по размеру контента, если его немного?

Question

[Антон Антон]

Вот болванка:
https://codepen.io/FragsterAt/pen/mydqBva

Нужно сделать так, чтобы при прокрутке содержимое колонки "title" прилипало и висело (кнопка Show big table в болванке). Это сделать получилось. Но также нужно сделать так, чтобы если контент влезает без скролла - карточка была по размеру контента. Это у меня сделать не получается. Помогите )

вот документация на квазар, если что: https://quasar.dev/vue-components/table

Answer 1

[Виктор Майоров]

.q-card {
  display: flex;
  flex-direction: column;
--  height: 100%;
++  height: fit-content;
}
.q-card__section {
  max-height: full;
  overflow: auto;
--  flex-basis: 0;
--  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.q-table__container {
  overflow: auto;
--  flex-basis: 0;
--  flex-grow: 1;
}

Comments

[Антон Антон]

спасибо! А то глаз уже замылился