我正在使用 Vue.js 和 Vuetify。我有一个页面，其中包含用户的可配置项目的各个部分。布局是 2x2，所以每行有两个项目，2 行。
其中一项应包含显示警报的表格。
问题是分页。如果我使用“默认分页”，那么表格从 5 行开始，用户可以在下拉列表中选择行数。但是我想使用Vuetify的外部分页。这里没问题。
但是......我如何让表格填满可用高度，并根据它计算分页？因此，在大屏幕上……比如说……每页显示 12 个项目，而在较小的屏幕上……比如说……显示 8 个项目？
如果有 24 个数据条目，则在第一种情况下，外部分页将允许用户选择第 1 或 2 页，在第二种情况下，将允许用户选择第 1、2 和 3 页。
默认值（5 行、10 行、15 行……）……很好，但我想知道谁会需要它。表格应该填充高度并根据行数和可用高度本身计算分页......它可能/可能会......但我无法弄清楚，如何。
import Vue from 'vue';
import { Component } from 'vue-property-decorator';
import { DeviceAlarm } from '@/api/DashboardApi';
import { getDeviceAlarms } from '@/components/alarms/AlarmsStore';
@Component
export default class Alarms extends Vue {
deviceAlarms: DeviceAlarm[] = [];
alarmPagination: any = { sortBy: 'alarmTime', descending: true };
public mounted(): void {
this.deviceAlarms = getDeviceAlarms(this.$store); …