vuetify / vu js: максимальная высота v-строки

Question

Во-первых: я плохо разбираюсь в Frontends и новичок в vue

У меня есть 3 относительно большие таблицы друг под другом. Проблема в том, что если вы хотите прокрутить таблицу по вертикали, вам нужно полностью прокрутить до каждой таблицы и использовать там полосу прокрутки, что на самом деле не очень удобно.

Поэтому я хочу ограничить высоту каждого v-row (одна v-строка содержит одну таблицу), поэтому вертикальная полоса прокрутки находится только внизу текущего окна просмотра и занимает не всю высоту, а лишь несколько процентов. Но это просто не работает, я не могу установить высоту v-ряда. Как этого добиться?

Мой Main.vue template выглядит так

<template>
  <div class="dashboard">
    <h1 class="subheading grey--text">Main</h1>
      <!--loading-->
      <Loader :showLoading="showLoading"/>

      <button v-on:click="getData">Greet</button>

    <v-container fluid v-if="data !== null" class="my-5">
      <v-row  v-for="(report,index) in data['reports']"
              :index="index"
              :key="report.reportName"
              style="height:20%;" //not working
              height="20%"> //also not working
        <v-col cols="12" sm="12">
          <Report :report="report" :dateType="data.dateType"/>
        </v-col>
      </v-row>
    </v-container>

  </div>
</template>

Report.vue Template это просто таблица

<template>
      <v-simple-table dense>
        <template v-slot:default>

          <thead>
            //head
          </thead>

          <tbody>
            //body
          </tbody>

        </template>
      </v-simple-table>
</template>