Fix: :scroll="{ x: 'max-content' }"

frontend/src/components/SelectInstances.vue

@@ -222,6 +222,9 @@ const handleChangeNode = async (item: NodeStatus) => {
             :columns="columns"
             :pagination="false"
             size="small"
+            :scroll="{
+              x: 'max-content'
+            }"
           >
             <template #bodyCell="{ column, record }">
               <template v-if="column.key === 'operation'">

frontend/src/widgets/NodeOverview.vue

@@ -68,7 +68,9 @@ const dataSource = computed(() => {
     <template #title>{{ card.title }}</template>
     <template #body>
       <a-table
-        :scroll="{ x: 1360 }"
+        :scroll="{
+          x: 'max-content'
+        }"
         :columns="columns"
         :data-source="dataSource"
         :pagination="false"

frontend/src/widgets/imageManager/index.vue

@@ -225,7 +225,9 @@ onMounted(async () => {
               </a-typography-text>
             </a-typography-paragraph>
             <a-table
-              :scroll="{ x: 960 }"
+              :scroll="{
+                x: 'max-content'
+              }"
               :data-source="imageDataSource"
               :columns="imageColumns"
               :pagination="{
@@ -268,7 +270,9 @@ onMounted(async () => {
               </a-typography-text>
             </a-typography-paragraph>
             <a-table
-              :scroll="{ x: 960 }"
+              :scroll="{
+                x: 'max-content'
+              }"
               :data-source="containerDataSource"
               :columns="containerColumns"
               :pagination="{