diff --git a/components/PlotFigure.js b/components/PlotFigure.js index 6dff5450f08d37eb9caaab23acb35de0d448b74a..ab49d09eae10a4d025e945673ac5408e8ab65256 100644 --- a/components/PlotFigure.js +++ b/components/PlotFigure.js @@ -1,3 +1,5 @@ + +// From https://github.com/observablehq/plot/ examples import * as Plot from "@observablehq/plot"; import { h, withDirectives } from "vue"; diff --git a/pages/refseq.vue b/pages/refseq.vue index f1e31bb9628892caa4b00fb6c757f9e06cd041d8..ca6307cf691d4649aa2a8f1d4dba1aad29d54d3a 100644 --- a/pages/refseq.vue +++ b/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>