diff --git a/src/components/canvas.jsx b/src/components/canvas.jsx
index 59feae1..98c96ac 100644
--- a/src/components/canvas.jsx
+++ b/src/components/canvas.jsx
@@ -175,6 +175,8 @@ export default function Canvas(props) {
               increment: true,
             },
           ],
+          comment: "",
+          indices: [],
         };
         props.setTables((prev) => [...prev, newTable]);
         props.setCode((prev) =>
diff --git a/src/components/editor_panel.jsx b/src/components/editor_panel.jsx
index 13d2a95..ee292dd 100644
--- a/src/components/editor_panel.jsx
+++ b/src/components/editor_panel.jsx
@@ -94,6 +94,8 @@ export default function EditorPanel(props) {
                   increment: true,
                 },
               ],
+              comment: "",
+              indices: [],
             };
             props.setTables((prev) => {
               const updatedTables = [...prev, newTable];
@@ -149,6 +151,8 @@ export default function EditorPanel(props) {
                         increment: true,
                       },
                     ],
+                    comment: "",
+                    indices: [],
                   };
                   props.setTables((prev) => [...prev, newTable]);
                 });
diff --git a/src/components/table.jsx b/src/components/table.jsx
index 617a1ab..d493de8 100644
--- a/src/components/table.jsx
+++ b/src/components/table.jsx
@@ -75,7 +75,7 @@ export default function Table(props) {
     setVisible(false);
   };
 
-  const height = props.tableData.fields.length * 36 + 40 + 4;
+  const height = props.tableData.fields.length * 36 + 40 + 4 + 36;
 
   const onCheck = (checkedValues) => {
     setField({
@@ -281,6 +281,9 @@ export default function Table(props) {
               </Popover>
             );
           })}
+          <div className="h-[36px] p-2">
+           { props.tableData.comment===""? "No comment": props.tableData.comment}
+          </div>
         </div>
       </foreignObject>