How to only shown one table after clicking search button?

Question

I have a 2 tables like this when I search the member name. link :

I wanted the search result to be shown only after search.

my code:

            <div id = "subtitle">
            View Members
            </div>
            <div id = "searchbox">
            <form method="post">
<center><input type="text"  maxlength="100"  required placeholder="Enter Full Name" name ="search" autocomplete="off" value="">
<input type="submit" name="btn" value="SEARCH NOW!"></p></center>

            </form>
            </div>

            <?php

     if(isset($_POST["btn"]))

     {
         $search = $_POST["search"]; 
         $sql = "select * from member where Member_Name like '$search%' "; 
         $result = mysqli_query($conn,$sql);
         $rowcount = mysqli_num_rows($result);
         if($rowcount==0)
             echo "Sorry ,no records found!"; 
         else
         {
            ?>
        <center><table class="table table-bordered">
                <thead>
                    <tr>
                    <th>#</th>
                      <th>Member ID</th>
                      <th>Member Name</th>
                      <th>Actions</th>
                    </tr>
    <?php
            while($row=mysqli_fetch_assoc($result))  //display
            {
    ?>          <tr>
                    <td></td>
                      <td><?php echo $row["Member_ID"]?></td>
                      <td><?php echo $row["Member_Name"]?></td>
                      <td><a href=Admin_MemberDetails.php?id=".$row["Member_ID"]."><img src=../Images/ViewFile.png height=37px title=View></a>
                      <a href=Admin_EditMember.php?id=".$row["Member_ID"]."><img src=../Images/edit.png height=37px title=Edit></a>
                  </td>
                </tr>
                </table>
                </center>
    <?php
            }           
         }
     }


    ?>

            <center><table class="table table-bordered">
                <thead>
                    <tr>
                      <th>#</th>
                      <th>Member ID</th>
                      <th>Member Name</th>
                      <th>Actions</th>
                    </tr>

      <?php

      $sql = "select * from legoclub_guesthouse.member";
      $result = mysqli_query($conn,$sql);
        $rowcount= mysqli_num_rows($result);

      while($row=mysqli_fetch_assoc($result))
      {
        echo "<tr>";
        echo "<td></td>";
        echo "<td>$row[Member_ID]</td>";
        echo "<td>$row[Member_Name]</td>";
        echo "<td><a href=Admin_MemberDetails.php?id=".$row["Member_ID"]."><img src=../Images/ViewFile.png height=37px title=View></a>
                  <a href=Admin_EditMember.php?id=".$row["Member_ID"]."><img src=../Images/edit.png height=37px title=Edit></a>
              </td>";
        echo "</tr>";
      }


      ?>

      </table><center>

            </div>   

Please include the php file for me too!

Answer 1

To do it in easiest way just try to use this code:

<div id = "subtitle">
            View Members
            </div>
            <div id = "searchbox">
            <form method="post">
<center><input type="text"  maxlength="100"  required placeholder="Enter Full Name" name ="search" autocomplete="off" value="">
<input type="submit" name="btn" value="SEARCH NOW!"></p></center>

            </form>
            </div>

            <?php

     if(isset($_POST["btn"]))

     {
         $search = $_POST["search"]; 
         $sql = "select * from member where Member_Name like '$search%' "; 
         $result = mysqli_query($conn,$sql);
         $rowcount = mysqli_num_rows($result);
         if($rowcount==0)
             echo "Sorry ,no records found!"; 
         else
         {
            ?>
        <center><table class="table table-bordered">
                <thead>
                    <tr>
                    <th>#</th>
                      <th>Member ID</th>
                      <th>Member Name</th>
                      <th>Actions</th>
                    </tr>
    <?php
            while($row=mysqli_fetch_assoc($result))  //display
            {
    ?>          <tr>
                    <td></td>
                      <td><?php echo $row["Member_ID"]?></td>
                      <td><?php echo $row["Member_Name"]?></td>
                      <td><a href=Admin_MemberDetails.php?id=".$row["Member_ID"]."><img src=../Images/ViewFile.png height=37px title=View></a>
                      <a href=Admin_EditMember.php?id=".$row["Member_ID"]."><img src=../Images/edit.png height=37px title=Edit></a>
                  </td>
                </tr>
    <?php
            }
            $sql = "select * from legoclub_guesthouse.member";
            $result = mysqli_query($conn,$sql);
            $rowcount= mysqli_num_rows($result);
            while($row=mysqli_fetch_assoc($result))
            {
              echo "<tr>";
              echo "<td></td>";
              echo "<td>$row[Member_ID]</td>";
              echo "<td>$row[Member_Name]</td>";
              echo "<td><a href=Admin_MemberDetails.php?id=".$row["Member_ID"]."><img src=../Images/ViewFile.png height=37px title=View></a>
                        <a href=Admin_EditMember.php?id=".$row["Member_ID"]."><img src=../Images/edit.png height=37px title=Edit></a>
                    </td>";
              echo "</tr>";
            }
        ?>
                </table>
                </center>
<?php
         }
     }


    ?>

            </div>   

But I would recommend you to use SQL UNION Operator.

It will make your life easy for these type of problems