Vuetify数据表使Safari出现问题

Question

我知道这个应该很容易，但我还没有找到问题。我正在使用Vuetify Data表和外部源，所有浏览器都可以使用Safari（MacOS和iOS）。

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

你可以在这里查看回购（附带演示）：https://github.com/davellanedam/vue-skeleton-mvp

在这里演示：https://vue-demo.daniel-avellaneda.com

证书：[email protected] / 12345

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

如何重现：使用小窗口启动safari，然后滚动数据表，或让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>