[Vuejs]-How to tell Vuetify component to fill the remaining height on screen?

0👍

There isn’t a Vuetify solution as far as I know, but the solution doesn’t require that much CSS:

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.v-alert {
  overflow: visible;
}
.v-table {
  overflow-y: auto;
}

Vuetify Playground example

To hide the disabled full page scrollbar you can add

html {
  overflow: hidden;
}

It just doesn’t work in the playground because of the iframe, but should work locally.

Leave a comment