Vuetify - 对V-数据表裹头文本

Question

我努力地让包裹V-数据表组件上的标题文字。我尝试应用样式到组件 - 被应用，我应用到表内的元素TBODY任何风格。但是，我不能让任何自定义样式表头（THEAD元素）工作。请帮忙。

举例来说，如果我有一个头，例如这个，我怎么换呢？

{文字：Calories - Very Long Column Name Here which needs to be wrapped to the next line，值： '卡路里'，对齐： '中心'，}

请参阅本code pen link

谢谢，维拉斯

Answer 1

您可以在headers道具控制宽度。它是每个描述一个标头列对象的阵列。参见所有属性的定义，下面的例子。

{
  text: string
  value: string
  align: 'left' | 'center' | 'right'
  sortable: boolean
  class: string[] | string
  width: string
}

但是有一个bug，希望这将是固定在未来的版本，因此它不会在所有情况下，工作特别是如果你不使用它v-flex内。

此外百分比（qazxsw POI）的作品比例如更好qazxsw POI，至少对我来说。