From 510eaf74abbe57c69780854ef26b689be6bcd785 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Fri, 20 Oct 2023 21:09:45 +0300
Subject: [PATCH] Add temporary width control to avoid flickering when
 resorting

---
 client/src/components/Grid/GridList.vue              | 6 +++++-
 client/src/components/Grid/configs/types.ts          | 1 +
 client/src/components/Grid/configs/visualizations.js | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Grid/GridList.vue b/client/src/components/Grid/GridList.vue
index d2348e90457a..ada4cd8133a4 100644
--- a/client/src/components/Grid/GridList.vue
+++ b/client/src/components/Grid/GridList.vue
@@ -170,7 +170,11 @@ watch(operationMessage, () => {
                 </th>
             </thead>
             <tr v-for="(rowData, rowIndex) in gridData" :key="rowIndex" :class="{ 'grid-dark-row': rowIndex % 2 }">
-                <td v-for="(fieldEntry, fieldIndex) in gridConfig.fields" :key="fieldIndex" class="px-2 py-3">
+                <td
+                    v-for="(fieldEntry, fieldIndex) in gridConfig.fields"
+                    :key="fieldIndex"
+                    class="px-2 py-3"
+                    :style="{ width: fieldEntry.width }">
                     <GridOperations
                         v-if="fieldEntry.type == 'operations'"
                         :title="rowData.title"
diff --git a/client/src/components/Grid/configs/types.ts b/client/src/components/Grid/configs/types.ts
index 083c09fab640..53965df6d3d5 100644
--- a/client/src/components/Grid/configs/types.ts
+++ b/client/src/components/Grid/configs/types.ts
@@ -31,6 +31,7 @@ export interface FieldOperations {
     key: string;
     title: string;
     operations: Array<Operation>;
+    width?: string;
 }
 
 export type FieldKeyHandler = (data: RowData) => void;
diff --git a/client/src/components/Grid/configs/visualizations.js b/client/src/components/Grid/configs/visualizations.js
index f9adb765d257..1170dbd4c49a 100644
--- a/client/src/components/Grid/configs/visualizations.js
+++ b/client/src/components/Grid/configs/visualizations.js
@@ -20,6 +20,7 @@ export const VisualizationsGrid = {
             title: "Title",
             key: "title",
             type: "operations",
+            width: "40%",
             operations: [
                 {
                     title: "Open",