Vuetify数据表全高

Question

我有一个带有v-app-bar和v-data-table的视图。我的目标是拉伸桌子以填充剩余的可用空间。我一直在尝试使用flex，但是它与Vuetify样式冲突。

<template>
  <v-app>
    <v-main>
      <v-app-bar color="#3f51b5"></v-app-bar>
      <v-container :fluid="true" class>
        <v-data-table
          v-model="selected"
          :headers="headers"
          :items="list"
          :single-select="false"
          item-key="name"
          show-select
          class="elevation-1"
          :loading="isLoading"
          loading-text="Loading... Please wait"
        ></v-data-table>
      </v-container>
    </v-main>
  </v-app>
</template>