only display table if it has a nonzero number of rows

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "utfdump"]
+	path = utfdump
+	url = https://github.com/pantonshire/utfdump.git

next.config.js

@@ -11,7 +11,7 @@ const nextConfig = {
       loadedWasm = true;
       nextConfig.plugins.push(
         new WasmPackPlugin({
-          crateDirectory: path.resolve(__dirname, '..', 'utfdump', 'wasm'),
+          crateDirectory: path.resolve(__dirname, 'utfdump', 'wasm'),
           outDir: path.resolve(__dirname, 'wasm', 'utfdump'),
           forceMode: 'production',
           extraArgs: '--target web',

src/components/output_table.tsx

@@ -67,9 +67,10 @@ export function OutputTable(props: { currentString: string }) {
     }
   }
 
-  return (
+  let table;
-    <section className={styles.table_container}>
+  
-      <div className={styles.overflow_scroll}>
+  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>
   );

utfdump

@@ -0,0 +1 @@
+Subproject commit 0d1872b902d6d4211415932caa539bc951a9ec80