我使用Vuetify v-data-table组件,并设置fixed-header属性,但表头和表体一起滚动.我正在使用最新的Chrome浏览器.任何人都知道如何纠正这种行为才能正常工作吗?

推荐答案

需要指定"高度"属性.甚至可以在height="100%"中通过,这将起作用.

<v-data-table
      height="400"
      v-model="selected"
      :headers="headers"
      fixed-header
      :items="desserts"
      item-key="name"
    >
</v-data-table>

https://codepen.io/ellisdod/pen/gOpzBmQ

Vue.js相关问答推荐

VITE:无法为VUE单文件组件加载URL

Vuetify 3 v-radio-group 将模型设置为 null

如何解决 importers[path] is not a function for clean Vue 3/Vite/Storybook installation

VueJS - 将单独的组件加载到 vue 实例中

在重复内容区域中添加

vuejs vue-cli 如何使用 console.log 而不会出现任何错误

即使响应为 200,也会调用 Axios Catch

在 vuejs 中的图像中包含 router-link 标记

当前端和后端位于虚拟 docker 网络中时,如何使用 axios 寻址后端主机

Vue @click 不适用于存在 href 的anchor锚标记

在渲染组件之前从 api 获取数据

SVG 加载 vue-svg-loader; [Vue 警告]:无效的组件定义

错误:[vuex] 期望字符串作为类型,但发现未定义

如何将 v-if 与 Vue.js 中的值进行比较

从我的服务访问路由实例

样式化 Vue 插槽

在路由更改之前显示确认对话框

无法访问函数内的数据属性

Vue Cli 3:定义的输出路径

在 Vue 中使用事件修饰符 .prevent 提交表单而不进行重定向