only display table if it has a nonzero number of rows

src/components/output_table.tsx

@@ -67,9 +67,10 @@ export function OutputTable(props: { currentString: string }) {
     }
   }
 
-  return (
-    <section className={styles.table_container}>
-      <div className={styles.overflow_scroll}>
+  let table;
+  
+  if (rows.length > 0) {
+    table = (
       <table id={styles.output_table}>
         <thead>
           <tr>
@@ -93,6 +94,15 @@ export function OutputTable(props: { currentString: string }) {
           {rows}
         </tbody>
       </table>
+    );
+  } else {
+    table = (<></>);
+  }
+
+  return (
+    <section className={styles.table_container}>
+      <div className={styles.overflow_scroll}>
+        {table}
       </div>
     </section>
   );