删除 vuetify 数据表标题上的下拉箭头？

Question

我正在努力删除列名称“名称”、“数据”、“创建者”旁边的下拉箭头...下拉箭头会呈现在 i-Tag 中，如果我通过 Chrome 编辑 html 并添加“显示” : none' 它被删除了...

但是我无法通过代码中的 css 访问 i 标签或类 v-icon。可能是因为它不是在渲染过程之前创建的。

有没有其他方法可以删除下拉箭头？

提前致谢！

我的表的 Html，称为“文件列表”：

Answer 1

隐藏排序图标的最佳方法是通过header-props。例如：

<v-data-table
  :headers="headers"
  :items="items"
  :header-props="{ sortIcon: null }"
>