Reworked the table scroll

2026-09-09 19:34:30 +02:00
parent d9132fe6ee
commit ca6c9fe38c
7 changed files with 305 additions and 23 deletions
@@ -40,15 +40,16 @@ const rowBgDark = computed(() => {
 <template>
    <table class="table w-full border-collapse border border-gray-300">
        <tr class="text-left" v-if="props.iterations.length > 0">
-            <th>Époch</th>
-            <th>Exemple</th>
+            <th class="sticky top-0 z-10 bg-background">Époch</th>
+            <th class="sticky top-0 z-10 bg-background">Exemple</th>
            <th
                v-for="(weight, index) in displayedWeights"
                v-bind:key="index"
+                class="sticky top-0 z-10 bg-background"
            >
                X<sub>{{ index }}</sub>
            </th>
-            <th>Erreur</th>
+            <th class="sticky top-0 z-10 bg-background">Erreur</th>
        </tr>
        <tr
            v-for="(iteration, index) in props.iterations"