Remove table warnings

src/TestPanel.js

@@ -213,13 +213,14 @@ useEffect(()=>{
       <h1>Basic Information</h1></div>
 
       <table className="basicInfoTable">
+        <tbody>
           <tr>
             <td>Author</td>
-          <td colspan="2"><EditBoxInput setData={setauthor} data={author}/></td>
+            <td colSpan="2"><EditBoxInput setData={setauthor} data={author}/></td>
           </tr>
           <tr>
             <td>Build Name</td>
-          <td colspan="2"><EditBoxInput setData={setbuildName} data={buildName}/></td>
+            <td colSpan="2"><EditBoxInput setData={setbuildName} data={buildName}/></td>
           </tr>
           <tr>
             <td onClick={()=>{setClassSelectWindowOpen(true)}} >Class</td>
@@ -239,6 +240,7 @@ useEffect(()=>{
             <EditBoxInput prefix="Lv." setData={setsecondaryLevel} data={secondaryLevel} type="number"/>
             </td>
           </tr>
+        </tbody>
       </table>
       </div>
       <div className="box">
@@ -323,30 +325,31 @@ useEffect(()=>{
       <div className="boxTitleBar">
       <h1>Basic Stats</h1></div>
       <table className="statsInfo">
+        <tbody>
           <tr>
             <td>Battle Power</td>
           <td>{p.bp}</td>
-        <td colspan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.bp/bpGraphMax)*100)+"%,black "+((p.bp/bpGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
+          <td colSpan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.bp/bpGraphMax)*100)+"%,black "+((p.bp/bpGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
           </tr>
           <tr>
             <td>HP</td>
           <td>{p.hp}</td>
-        <td colspan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.hp/hpGraphMax)*100)+"%,black "+((p.hp/hpGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
+          <td colSpan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.hp/hpGraphMax)*100)+"%,black "+((p.hp/hpGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
           </tr>
           <tr>
             <td>PP</td>
             <td>{p.pp}</td>
-          <td colspan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.pp/ppGraphMax)*100)+"%,black "+((p.pp/ppGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
+            <td colSpan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.pp/ppGraphMax)*100)+"%,black "+((p.pp/ppGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
           </tr>
           <tr>
             <td>Attack</td>
             <td>{p.statDisplayAtk}</td>
-          <td colspan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.statDisplayAtk/atkGraphMax)*100)+"%,black "+((p.statDisplayAtk/atkGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
+            <td colSpan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.statDisplayAtk/atkGraphMax)*100)+"%,black "+((p.statDisplayAtk/atkGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
           </tr>
           <tr>
             <td>Defense</td>
             <td>{p.def}</td>
-          <td colspan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.def/defGraphMax)*100)+"%,black "+((p.def/defGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
+            <td colSpan="2"><div className="barGraph"><span className="barOverlay" style={{background:"linear-gradient(90deg,transparent 0% "+((p.def/defGraphMax)*100)+"%,black "+((p.def/defGraphMax)*100)+"%)"}}>&nbsp;</span></div></td>
           </tr>
           <tr>
             <td>Weapon Up</td>
@@ -376,6 +379,7 @@ useEffect(()=>{
             <td>&nbsp;</td>
             <td>&nbsp;</td>
         </tr>
+      </tbody>
       </table>
       </div>
       <div className="box">
@@ -383,6 +387,7 @@ useEffect(()=>{
       <h1>Damage Stats</h1></div>
       <PageControl pages={3} currentPage={statPage} setCurrentPage={setStatPage}/>
       <table className="basicInfo">
+        <tbody>
           {statPage===1?<>
             <tr>
               <td>Critical Hit Rate</td>
@@ -427,6 +432,7 @@ useEffect(()=>{
             </tr>
             </>
           }
+        </tbody>
       </table>
     </div>
   </div>