Vuetify 2 прокручиваемое тело DataTable, всегда отображающее нумерацию страниц ⇐ Html

[Anonymous]

Я использую компонент DataTable Vuetify 2. Моя таблица прокручивается, поэтому мне приходится прокручивать ее до конца, чтобы увидеть область нумерации страниц. Как сделать так, чтобы можно было прокручивать только тело таблицы, всегда показывая область нумерации страниц внизу?
Изменить: Ниже приведен код моего компонента. Таблицу можно прокручивать вертикально. В настоящее время мне приходится прокручивать страницу до конца, чтобы увидеть область нумерации страниц. Я хочу, чтобы область нумерации страниц всегда была видна, а тело таблицы (т. е. строки) можно было прокручивать.

Код: Выделить всё

export default {
data() {
return {
headers: [
{ text: "Dessert", value: "name" },
{ text: "Calories", value: "calories" },
{ text: "Fat (g)", value: "fat" },
],
items: Array.from({ length: 100 }, (_, i) => ({
name: `Dessert ${i + 1}`,
calories: 100 + i,
fat: (i % 10) + 1,
})),
};
},
};

В моем package.json мои зависимости включают следующее:

• Код: Выделить всё

  "vue": "^2.6.11"

• "vuetify": "^2.4.0" ​​

Подробнее здесь: https://stackoverflow.com/questions/797 ... pagination