title: HTML table <td> results all returning on one row
body: <p>I'm currently looping SQL results from an Oracle table. All the rows from the table are returning fine, however they are all staying within on  element instead of onto a new row like below</p>
  
  <p><a href="https://i.stack.imgur.com/Qmh7b.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Qmh7b.png" alt="enter image description here"></a></p>
  
  <p>This is my current table...</p>
  
  <pre><code>   &lt;div id="smtTable" class="targetDiv"&gt;
       &lt;table width="40%" style="margin: 0 auto; border:1px solid;text-align:center; width: auto;" class="table table-sm table-dark"&gt;
           &lt;tr&gt;
             &lt;th scope="col"&gt;Area&lt;/th&gt;
             &lt;th scope="col"&gt;Week 18&lt;/th&gt;
             &lt;th scope="col"&gt;Week 19&lt;/th&gt;
             &lt;th scope="col"&gt;Week 20&lt;/th&gt;
             &lt;th scope="col"&gt;Week 21&lt;/th&gt;
             &lt;th scope="col"&gt;Week 22&lt;/th&gt;
           &lt;/tr&gt;
  &lt;?php
   while ($row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS)) {
       foreach ($row as $item) {
           echo "    &lt;td&gt;" . ($item !== null ? htmlentities($item, ENT_QUOTES) : "&amp;nbsp;") . "&lt;/td&gt;\n";
       }
   }
   ?&gt;
  </code></pre>
  
  <p></p>