Vuetify数据表水平滚动条xs断点

Question

我在凤凰应用程序上使用Vue和Vuetify。我有一个数据表，有足够的列，它太宽，适合小屏幕尺寸。数据表嵌套在卡片内。我希望卡能够响应，当数据表对于卡太大时，我希望数据表有一个水平滚动条。

<v-container fluid grid-list-md>
  <v-flex xs12 sm8 md6>
    <v-card>

      <v-toolbar color="indigo" dark>
        <v-toolbar-title>People</v-toolbar-title>
      </v-toolbar>

      <v-data-table>
      </v-data-table>

    </v-card>
  </v-flex>
</v-container>

当它切换到sm8或md6大小时，它会显示带滚动条的数据表。当数据表宽于视口时，如何使其在xs12大小上显示滚动条？我没有足够的声誉来嵌入屏幕截图，但下面链接了两个以显示我拥有的和我想要的内容。

xs12, datatable overflows without scrollbar

sm8, datatable overflows card, but has a scrollbar