Remove add field button from readonly project (#738)

marcusolsson · Dec 10, 2023 · 4bb2297 · 4bb2297
1 parent 74305a4
commit 4bb2297
Showing 1 changed file with 13 additions and 11 deletions.
diff --git a/src/ui/views/Table/TableView.svelte b/src/ui/views/Table/TableView.svelte
@@ -280,17 +280,19 @@
           });
         }}
       />
-      <span
-        tabindex="-1"
-        bind:this={buttonEl}
-        on:click={handleColumnAppend}
-        on:keydown={(evt) => {
-          if (evt.key === "Enter") handleColumnAppend();
-        }}
-      >
-        <Icon name="plus" />
-        <TextLabel value={$i18n.t("components.data-grid.column.add")} />
-      </span>
+      {#if !readonly}
+        <span
+          tabindex="-1"
+          bind:this={buttonEl}
+          on:click={handleColumnAppend}
+          on:keydown={(evt) => {
+            if (evt.key === "Enter") handleColumnAppend();
+          }}
+        >
+          <Icon name="plus" />
+          <TextLabel value={$i18n.t("components.data-grid.column.add")} />
+        </span>
+      {/if}
     </div>
   </ViewContent>
 </ViewLayout>