title: How to use Modal in while loop with dynamic data
body: <p>The code is working fine but the output is not acceptable. It is as given in code. The code provide the valid data for each modal but output slashes. </p>
  
  <p>Thanks in advance for any help. </p>
  
  <pre><code>&lt;?php 
  include("../db_connect.php");      
  $sql="select * from notifications where userid='$uid' or rec_id='$uid'";
  $result=mysqli_query($con,$sql);
  ?&gt;
  &lt;div class="col-sm-10"&gt;
  &lt;table class="table table-striped "&gt;
  &lt;thead style="background-color:skyblue;"&gt;
  &lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;h3&gt;&lt;i  class="fa fa-cogs"&gt;&lt;/i&gt;Notifications&lt;/h3&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/thead&gt;
  &lt;thead style="background-color:wheet;" class="table-bordered"&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;b&gt;Sr.No.&lt;/b&gt;&lt;/td&gt;
  &lt;td&gt;&lt;b&gt;From&lt;/b&gt;&lt;/td&gt;
  &lt;td&gt;&lt;b&gt;Recevier&lt;/b&gt;&lt;/td&gt;
  &lt;td&gt;&lt;b&gt;Amount&lt;/b&gt;&lt;/td&gt;
  &lt;td&gt;&lt;b&gt;Details&lt;/b&gt;&lt;/td&gt;
  &lt;td&gt;&lt;b&gt;Date&lt;/b&gt;&lt;/td&gt;
  &lt;td&gt;&lt;b&gt;User Info&lt;/b&gt;&lt;/td&gt;
  &lt;td&gt;&lt;b&gt;Status&lt;/b&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody class="table-bordered "&gt;
      &lt;?php
      if($result)
      {
          $i=1;
          while($row = $result-&gt;fetch_assoc()) {
  
         $sql12="select * from users inner join bank_details on users.userid=bank_details.userid  where users.userid='".$row['rec_id']."'";
         $result12=mysqli_query($con,$sql12);
         $row1 = $result12-&gt;fetch_assoc();
  
  
              echo "&lt;tr&gt;&lt;td&gt;".$i."&lt;/td&gt;&lt;td&gt;".$row['userid']."&lt;/td&gt;&lt;td&gt;".$row['rec_id']."&lt;/td&gt;&lt;td&gt;".$row['amount']."&lt;/td&gt;&lt;td&gt;".$row['details']."&lt;/td&gt;&lt;td&gt;".$row['date1']."&lt;/td&gt;";
              if($uid == $row['rec_id'])
              {
                  echo "&lt;td&gt;&lt;button class='btn btn-warning' disabled data-toggle='modal' data-target='#myModal".$i."'&gt;View&lt;/button&gt;&lt;/td&gt;";
  
              }
              else
              {
              echo "&lt;td&gt;&lt;button class='btn btn-success'  data-toggle='modal' data-target='#myModals".$i."'&gt;View&lt;/button&gt;&lt;/td&gt;";   
              }
              if($uid == $row['userid'])
              {
                  if($row['status']=="pending")
                  {
                  echo "&lt;td&gt;&lt;button class='btn btn-info' disabled id='sndr'&gt;Pending to Accept&lt;/button&gt;&lt;/td&gt;&lt;/tr&gt;";
                  }
                  else if($row['status']=="accepted")
                  {
                      echo "&lt;td&gt;&lt;button class='btn btn-success' disabled id='sndr'&gt;Request Accepted&lt;/button&gt;&lt;/td&gt;&lt;/tr&gt;";
                  }
                  else
                  {
                      echo "&lt;td&gt;&lt;button class='btn btn-danger' disabled id='sndr'&gt;Request Rejected&lt;/button&gt;&lt;/td&gt;&lt;/tr&gt;";
                  }
              }
              else
              {
                  if($row['status']=="pending" )
                  {
                  ?&gt;
                  &lt;td&gt;
                   &lt;form role="form"&gt;
                      &lt;div class="form-group"&gt;
      &lt;select class="form-control" id="sel1"  &gt;
      &lt;option&gt;Select&lt;/option&gt;
      &lt;option value="accepted" onclick="aprvs(&lt;?php echo $row['id']; ?&gt;, this.value);"&gt;&lt;span class="btn btn-success"&gt; Accept&lt;/span&gt;&lt;/option&gt;
      &lt;option value="rejected" onclick="aprvs(&lt;?php echo $row['id']; ?&gt;, this.value);"&gt;&lt;span class="btn btn-danger"&gt;Reject&lt;/span&gt;&lt;/option&gt;
    &lt;/select&gt;
    &lt;/div&gt;
    &lt;/form&gt;
    &lt;/td&gt;
    &lt;/tr&gt;
    &lt;?php
                  }
                      else if($row['status']=="accepted")
                      {
                          echo "&lt;td&gt;&lt;button class='btn btn-success' disabled id='sndr'&gt;Request Accepted&lt;/button&gt;&lt;/td&gt;&lt;/tr&gt;";
                      }
                      else{
                          echo "&lt;td&gt;&lt;button class='btn btn-danger' disabled id='sndr'&gt;Request Rejected&lt;/button&gt;&lt;/td&gt;&lt;/tr&gt;";
                      }
              }
  
              ?&gt;
              &lt;div    class='modal fade' id='&lt;?php echo "myModals".$i.""; ?&gt;' role='dialog' tabindex="-1" aria-hidden="true"&gt;
  &lt;div class="modal-dialog" &gt;
  
    &lt;!-- Modal content--&gt;
    &lt;div class="modal-content"&gt;
      &lt;div class="modal-header" style="background-color:green;padding:10px;"&gt;
        &lt;button type="button" class="close" data-dismiss="modal" &gt;&amp;times;&lt;/button&gt;
        &lt;center&gt;
        &lt;h4 class="modal-title" align="center" style="color:white;"&gt;User Details&lt;/h4&gt;
        &lt;/center&gt;
      &lt;/div&gt;
      &lt;div class="modal-body" style="padding:10px;"&gt;
  
  
              &lt;table class='table table-striped'&gt;
  
              &lt;thead&gt;
              &lt;tr&gt;&lt;td&gt;&lt;h4 style='color:blue;'&gt;&lt;/b&gt;User Details:&lt;/b&gt;&lt;/h4&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
              &lt;tr&gt;&lt;td&gt;&lt;b&gt;User Id:&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $row1['userid']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;&lt;b&gt;Name:&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $row1['name']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;&lt;b&gt;Father Name:&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $row1['fname']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;/tbody&gt;
              &lt;!--
              &lt;thead&gt;&lt;tr&gt;&lt;td&gt;&lt;h4 style='color:blue;'&gt;&lt;/b&gt;Bank Details:&lt;/b&gt;&lt;/h4&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/thead&gt;
              &lt;tbody&gt;
              &lt;tr&gt;&lt;td&gt;&lt;b&gt;Bank Name:&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $row1['bname']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;&lt;b&gt;Branch:&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $row1['branch']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;&lt;b&gt;A/c. No.:&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $row1['account_no']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;&lt;b&gt;IFSC Code:&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $row1['ifs']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;tbody&gt;
  
              &lt;thead&gt;&lt;tr&gt;&lt;td&gt;&lt;h4 style='color:blue;'&gt;&lt;/b&gt;Contact Details:&lt;/b&gt;&lt;/h4&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/thead&gt;
              &lt;tbody&gt;
              &lt;tr&gt;&lt;td&gt;&lt;b&gt;Mobile No.:&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $row1['mob']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;&lt;b&gt;Alternate No.:&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $row1['alt']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;&lt;b&gt;E-Mail:&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $row1['email']; ?&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;/tbody&gt;--&gt;
              &lt;/table&gt; 
  
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
        &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
  
  
     &lt;?php                
          echo "&lt;/div&gt;";  
              $i++;       
          }               
      }
      else
      {
          echo "&lt;tr&gt;&lt;td&gt;No Notifications to show&lt;/td&gt;&lt;/tr&gt;";
      }
  ?&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;?php   
   }
   ?&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/83dt9.png" alt="The output is received as given"></p>