2

我有同样的问题，但使用 Vuejs2：Vuetify v1.5 数据表，如何在隐藏标题时确定列宽

这是我所拥有的：

<v-data-table 
:headers="headers" 
:items="items"
item-key="id"
hide-default-footer 
disable-pagination 
:hide-default-header="false"
>

对于标题：

headers: [
  { text: 'a', value: 'a', width: "4%" },
  { text: 'b', value: 'b', width: "4%" },
  { text: 'c', value: 'c', width: "7%" },
  { text: 'd', value: 'd', width: "10%" },
  { text: 'e', value: 'e', width: "8%" },
  { text: 'f', value: 'f', width: "13%" },
  { text: 'g', value: 'g', width: "10%" },
  { text: 'h', value: 'h', width: "13%" },
  { text: 'i', value: 'i', width: "31%" }
]

宽度之和为 100%，因此不应出现奇怪的行为。当我设置:hide-default-header="true"所有列时会改变宽度。如何强制列的宽度？

4

0 回答 0