From b3e5bae31536bfcf27a496a2e3f54406cd4c0322 Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Tue, 3 Oct 2023 13:57:40 +0200
Subject: [PATCH] Use virtual tables
---
components/PlotFigure.js | 2 ++
pages/refseq.vue | 5 +++--
2 files changed, 5 insertions(+), 2 deletions(-)
diff --git a/components/PlotFigure.js b/components/PlotFigure.js
index 6dff5450..ab49d09e 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 f1e31bb9..ca6307cf 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>
--
GitLab