diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx
index e6b38a196f..1ccff3757a 100644
--- a/frontend/src/Editor/Components/Table/Table.jsx
+++ b/frontend/src/Editor/Components/Table/Table.jsx
@@ -266,7 +266,7 @@ export function Table({
if (Array.isArray(labels)) {
columnOptions.selectOptions = labels.map((label, index) => {
- return { name: label, value: values[index] };
+ return { name: label, value: values[index]};
});
}
}
@@ -432,6 +432,7 @@ export function Table({
return (
{
handleCellValueChange(cell.row.index, column.key || column.name, value, cell.row.original);
diff --git a/frontend/src/Editor/Components/Table/Tags.jsx b/frontend/src/Editor/Components/Table/Tags.jsx
index ff99ca723b..aacbfea90f 100644
--- a/frontend/src/Editor/Components/Table/Tags.jsx
+++ b/frontend/src/Editor/Components/Table/Tags.jsx
@@ -1,6 +1,6 @@
import React, { useState } from 'react';
-export const Tags = ({ value, onChange }) => {
+export const Tags = ({ value, onChange, readOnly }) => {
value = value || [];
@@ -30,9 +30,11 @@ export const Tags = ({ value, onChange }) => {
function renderTag(text) {
return
{text}
- removeTag(text)}>
- x
-
+ {!readOnly && (
+ removeTag(text)}>
+ x
+
+ )}
;
}
@@ -42,7 +44,7 @@ export const Tags = ({ value, onChange }) => {
return renderTag(item)
})}
- {!showForm &&
+ {(!showForm && !readOnly) &&
setShowForm(true)}>{'+'}
}