Vuetify数据表使用Safari呈现问题

Question

我知道这应该很容易，但是我还没有发现问题。我正在使用带有外部源的Vuetify数据表，在Safari（MacOS和iOS）以外的任何浏览器上都可以。

问题：当数据表大于视口时，它无法在视口之后呈现背景色。

您可以在此处检查回购（带有演示）： https://github.com/davellanedam/vue-skeleton-mvp

此处演示：https://vue-demo.daniel-avellaneda.com

凭据：admin@admin.com / 12345

问题出在组件adminCities.vue和adminUsers.vue

如何复制： 从小窗口开始野生动物园，然后滚动数据表，或者使Safari进入响应模式并选择iPhone 8，然后滚动数据表。

滚动前：https://imgur.com/nimBnlG

滚动后：https://imgur.com/tGx2hgI

有关如何解决此问题的任何线索？

Answer 1

通过从Safari devtools中的max-width: 100%删除样式table.v-table，此问题已解决。我的解决方法是覆盖该类：

<style>
table.v-table {
  max-width: none;
}
</style>