title: How can I put the next row on the bottom of first row using PHP and jQuery?
body: <p>I want to put the next row on the bottom of my first row. How can I do it? I make table using PHP and jQuery. The problem is when I create more than 1 row the result is in the same line. Can somebody help me regarding to my problem? The data is from my database table.</p>
  
  <p><a href="https://i.stack.imgur.com/P18Jb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P18Jb.png" alt="enter image description here"></a></p>
  
  <pre><code>//PHPCODE.PHP
  else if(isset($_POST['btnView'])){
          $selectData = $conn-&gt;query("SELECT * from tbl_wedding");
          echo "&lt;table align='center' border='1'&gt;
                  &lt;th&gt;Groom FirstName&lt;/th&gt;
                  &lt;th&gt;Groom MiddleName&lt;/th&gt;
                  &lt;th&gt;Groom LastName&lt;/th&gt;
                  &lt;th&gt;Groom DateOfBirth&lt;/th&gt;
                  &lt;th&gt;Groom Address&lt;/th&gt;
                  &lt;th&gt;Bride FirstName&lt;/th&gt;
                  &lt;th&gt;Bride MiddleName&lt;/th&gt;
                  &lt;th&gt;Bride LastName&lt;/th&gt;
                  &lt;th&gt;Bride DateOfBirth&lt;/th&gt;
                  &lt;th&gt;Bride Address&lt;/th&gt;
                  &lt;th&gt;Reservation Date&lt;/th&gt;
                  &lt;th&gt;Select Time&lt;/th&gt;
                  &lt;tr&gt;";
  
          while($row = $selectData-&gt;fetch_assoc()){
              echo "&lt;td&gt;" . $row['GroomFirstName'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['GroomMiddleName'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['GroomLastName'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['GroomDOB'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['GroomAddress'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['BrideFirstName'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['BrideMiddleName'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['BrideLastName'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['BrideDOB'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['BrideAddress'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['ReservationDate'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['SelectTime'] . "&lt;/td&gt;";
          }
          echo "&lt;/tr&gt;&lt;/table&gt;";
      }
  
  //JSCODE.JS
  while($row = $selectData-&gt;fetch_assoc()){
              echo "&lt;td&gt;" . $row['FirstName'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['MiddleName'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['LastName'] . "&lt;/td&gt; " . "&lt;td&gt;" . $row['DateOfBirth'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['Address'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['NameOfFather'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['NameOfMother'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['ReservationDate'] . "&lt;/td&gt;" . "&lt;td&gt;" . $row['BapSelectTime'] . "&lt;/td&gt;";
          }
          echo "&lt;/tr&gt;&lt;/table&gt;";
  </code></pre>