Revert "Set min width and width for date table column"

This reverts commit 98f07de.
Deltares · Oct 1, 2024 · 2eac7db · 2eac7db
1 parent bd4595d
commit 2eac7db
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/components/table/TimeSeriesTable.vue b/src/components/table/TimeSeriesTable.vue
@@ -20,6 +20,7 @@
         <tr>
           <template v-for="(column, index) in columns" :key="column.key">
             <th
+              :style="{ minWidth: column.minWidth }"
               :class="[
                 (column as unknown as TableHeaders).class,
                 {
@@ -482,11 +483,6 @@ function onUpdateItem(event: TableData) {
   width: 100%;
 }
 
-.date-header {
-  min-width: 24ch;
-  width: 24ch;
-}
-
 th.sticky-column {
   position: sticky;
   border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));

diff --git a/src/lib/table/createTableHeaders.ts b/src/lib/table/createTableHeaders.ts
@@ -10,7 +10,8 @@ export function createTableHeaders(
   tableHeaders.push({
     key: 'date',
     title: 'Date',
-    class: 'table-header sticky-column date-header',
+    minWidth: '24ch',
+    class: 'table-header sticky-column',
     editable: false,
   })
   seriesIds.forEach((seriesId) => {