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.

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%',

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) {