Vue.js 数据表行中的Vuetify线性进度条值与固定标题重叠

Vuetify版本：全部

Vue版本：2.6.11

复制步骤

• 做一个滚动和线性进度值将重叠脂肪

预期行为

• 线性进度值不得与标题重叠

复制链接

{{item.fat}

发生这种情况是因为您的固定标题和项目具有相同的z索引：2

在您的css代码中

    .v-data-table--fixed-header 
{
    ...
    position: sticky;
    z-index: 2;
}

    .v-progress-linear__content 
{
...
positon: absolute;
z-index: 2;
}

正如你所看到的，你得到了相同的z指数，但两个分量的位置不同

您应该尝试修改这些css类并更改其z索引（添加“！important”以覆盖其他类），如下所示：

   <style>
  .v-progress-linear__content {
    z-index:1;
  }
</style>

.v-进度-线性内容{
z指数：1；
}

   <style>
  .v-progress-linear__content {
    z-index:1;
  }
</style>