Use virtual tables

components/PlotFigure.js

+
+// From https://github.com/observablehq/plot/ examples
 import * as Plot from "@observablehq/plot";
 import { h, withDirectives } from "vue";
 

pages/refseq.vue

@@ -63,14 +63,15 @@ watchEffect(async () => {});
             <v-card flat color="transparent">
               <v-toolbar><v-toolbar-title> REFSEQ</v-toolbar-title> </v-toolbar>
               <v-card-content>
-                <v-data-table
+                <v-data-table-virtual
                   v-model="selected"
                   :headers="headers"
                   :items="sanitizedRefseq"
                   :item-value="itemValue"
+                  height="800"
                   show-select
                   class="elevation-1"
-                ></v-data-table>
+                ></v-data-table-virtual>
               </v-card-content>
               <v-card-content>
                 <v-row>