From 91890541a28e747f7b5ffd00591e08c4438ad457 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Wed, 13 Mar 2024 18:23:41 +0100
Subject: [PATCH] Webapp: change Tabulator layout mode to `fitDataFill`

Change the Tabulator layout mode from `fitData` to `fitDataFill`. The new
value adjusts the layout when the data has changed.
---
 web/app/src/components/jobs/JobsTable.vue       | 2 +-
 web/app/src/components/jobs/TasksTable.vue      | 2 +-
 web/app/src/components/workers/WorkersTable.vue | 3 +--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/web/app/src/components/jobs/JobsTable.vue b/web/app/src/components/jobs/JobsTable.vue
index cc706080..a1dea954 100644
--- a/web/app/src/components/jobs/JobsTable.vue
+++ b/web/app/src/components/jobs/JobsTable.vue
@@ -88,7 +88,7 @@ export default {
         classList.toggle('deletion-requested', !!data.delete_requested_at);
       },
       initialSort: [{ column: 'updated', dir: 'desc' }],
-      layout: 'fitData',
+      layout: 'fitDataFill',
       layoutColumnsOnNewData: true,
       height: '720px', // Must be set in order for the virtual DOM to function correctly.
       data: [], // Will be filled via a Flamenco API request.
diff --git a/web/app/src/components/jobs/TasksTable.vue b/web/app/src/components/jobs/TasksTable.vue
index ed81eac0..fc270794 100644
--- a/web/app/src/components/jobs/TasksTable.vue
+++ b/web/app/src/components/jobs/TasksTable.vue
@@ -85,7 +85,7 @@ export default {
         row.getElement().classList.toggle('active-row', isActive);
       },
       initialSort: [{ column: 'updated', dir: 'desc' }],
-      layout: 'fitData',
+      layout: 'fitDataFill',
       layoutColumnsOnNewData: true,
       height: '100%', // Must be set in order for the virtual DOM to function correctly.
       maxHeight: '100%',
diff --git a/web/app/src/components/workers/WorkersTable.vue b/web/app/src/components/workers/WorkersTable.vue
index 12bada42..2b27c5b0 100644
--- a/web/app/src/components/workers/WorkersTable.vue
+++ b/web/app/src/components/workers/WorkersTable.vue
@@ -73,7 +73,7 @@ export default {
         row.getElement().classList.toggle('active-row', isActive);
       },
       initialSort: [{ column: 'name', dir: 'asc' }],
-      layout: 'fitData',
+      layout: 'fitDataFill',
       layoutColumnsOnNewData: true,
       height: '360px', // Must be set in order for the virtual DOM to function correctly.
       data: [], // Will be filled via a Flamenco API request.
@@ -129,7 +129,6 @@ export default {
     onWorkersFetched(data) {
       this.tabulator.setData(data.workers);
       this._refreshAvailableStatuses();
-
       this.recalcTableHeight();
     },
     processWorkerUpdate(workerUpdate) {