blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Webapp: change Tabulator layout mode to fitDataFill

Browse Source 
Change the Tabulator layout mode from `fitData` to `fitDataFill`. The new
value adjusts the layout when the data has changed.
This commit is contained in:
Sybren A. Stüvel 2024-03-13 18:23:41 +01:00
parent 3aec8b15ef
commit 91890541a2
3 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/src/components/jobs/JobsTable.vue
View File

@ -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.

2
web/app/src/components/jobs/TasksTable.vue
View File

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

3
web/app/src/components/workers/WorkersTable.vue
View File

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