Vuetify v-data-table fixed-header не работает

Question

Я использовал компонент Vuetify v-data-table и установил свойство fixed-header, но заголовок таблицы прокручивается вместе с телом таблицы. Я использую последнюю Chrome. Может ли кто-нибудь сказать, как исправить это поведение для правильной работы?

Answer 1

Вам необходимо указать атрибут высоты.

<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