Suche und Paginierung sql query php

Question

Hallo ich bin Neuling in PHP und lernen, wie Suche und Seitenumbruch verwenden List.Js und php Ich habe ein Problem zu list.js Arbeit zu suchen und filtern Abfrage Ergebnis in PHP. Ich folge bereits dem Beispiel in der Dokumentation, aber immer noch kein Glück. mein Code hier:

<div class="box-body"> 

<div id="listperson" align="center"> 
    <input type="text" placeholder="Search" class="fuzzy-search"/> 
<table class="col-md-12"> 
    <thead> 
     <tr> 
      <th class="col-md-1 sort"></th> 
      <th class="col-md-3 sort" data-sort="nama">Name</th> 
      <th class="col-md-1 sort" data-sort="role">Role</th> 
      <th class="col-md-3 sort">Email</th> 
      <th class="col-sm-2 sort">No.Hp</th> 
      <th class="col-sm-3 sort" data-sort="alamat">Alamat</th> 
      <th class="col-sm-1 sort">Edit</th> 
      <th class="col-sm-1 sort">Delete</th> 
     </tr> 
    </thead> 
    <?php 
     $peoplequery=mysqli_query($CONN,"SELECT * FROM people"); 
     while($people=mysqli_fetch_array($peoplequery)){ 
     ?> 
    <tbody class="list">    
     <tr align="left"> 
      <td class="img"> 
      <img src="../img/man-128.png" class="direct-chat-img" width="10px" height="10px"> 
      </td> 
      <td class="name"><a href="personview.php?PersonID=<?= $people['idpeople'] ?>"><?php echo $people['namadepan'] . ' ' .$people['namabelakang']; ?></a></td> 
      <td class="role"><?php echo $people['role']; ?></td> 
      <td class="email"><?php echo $people['email']; ?></td> 
      <td class="nohp"><?php echo $people['nohp']; ?></td> 
      <td class="alamat"><?php echo $people['alamat']; ?></td>     
      <td class="edit" align="center"> 
      <a href="editperson.php?PersonID=<?= $people['idpeople'] ?>"> 
      <span class="fa-stack"> 
      <i class="fa fa-square fa-stack-2x"></i> 
      <i class="fa fa-pencil fa-stack-1x fa-inverse"></i> 
      </span> 
      </a> 
      </td> 
      <td class="delete" align="center"> 
      <a href="deleteperson.php?PersonID=<?= $people['idpeople'] ?>"> 
      <span class="fa-stack" style="color:#ff0000; "> 
      <i class="fa fa-square fa-stack-2x"></i> 
      <i class="fa fa-trash fa-stack-1x fa-inverse" ></i> 
      </span> 
      </a> 
      </td>    
     </tr> 
     <?php 
     $idppl = $people['idpeople']; 
     } ?> 
    </tbody> 
</table> 
<ul class="pagination"></ul> 
</div> 
<script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.1.1/list.min.js"> 
</script> 
<script type="text/javascript"> 
var options = { 
    valueNames: [ 'name', 'role', 'email'], 
    page: 5, 
    plugins: [ 
    ListPagination({}) 
] 

}; 
var contactList = new List('listperson', options); 
</script> 

</div> 

Die Paginierung zeigt nicht und Arbeits Suche nicht auch. Ich frage mich, was ich hier vermisse Jede Hilfe geschätzt Danke.

Answer 1

Ihre öffnende <tbody> Markierung ist in Ihrer while Schleife, aber Ihre schließende </tbody> Markierung ist außerhalb dieser Schleife.

Das bedeutet wahrscheinlich, dass Ihre Tabelle falsch formatiert ist. Das verwirrt wahrscheinlich List.js.

Es ist immer gut, View Source... zu verwenden, um zu überprüfen, ob HTML korrekt generiert wird.