對包含SQL數據的HTML表格列進行排序

Question

我創建了一個簡單的事務報告頁面，它將輸入的數據庫數據接收並顯示在HTML表格中。我希望能夠在點擊表頭時以asc/desc順序對客戶端的每列進行排序，但是我無法讓我的函數正常工作。

<?php session_start(); 

include 'db.php'; 
include 'head.php'; 

$sql = "SELECT * FROM ach"; 


$result = $mysqli->query($sql); 


echo "<div class='w3-row-padding w3-margin'>"; 
if ($result->num_rows) { 
    echo "<table class='w3-table-all'> 
    <thead> 
     <tr> 
      <th><a href='transactions.php?sort=submittedDate'>Submitted Date</a></th> 
      <th><a href='transactions.php?sort=accountNumber'>Chief Account Number</a></th> 
      <th><a href='transactions.php?sort=accountHolderName'>Account Holder</a></th> 
      <th><a href='transactions.php?sort=achAccountType'>Account Type</a></th> 
      <th><a href='transactions.php?sort=transferType'>Transfer Type</a></th> 
      <th><a href='transactions.php?sort=recurringMonthlyTransferDate'>Transfer Date</a></th> 
      <th><a href='transactions.php?sort=status'>Status</a></th> 
      <th>&nbsp;</th> 
     </tr> 
    </thead>"; 

    // output data of each row 
    while($row = $result->fetch_assoc()) { 
     echo "<tbody><tr><td>".$row["submitDate"]."</td><td>".$row["accountNumber"]."</td><td>".$row["accountHolderName"]."</td><td>".$row["achAccountType"]."</td><td>".$row["transferType"]."</td><td>".$row["recurringMonthlyTransferDate"]."</td><td>".$row["status"]."</td><td><a href=review.php?ID=" . $row["id"] . ">Review</a></td></tr></tbody>"; 
    } 

    echo "</table>"; 
} else { 
    echo "0 results"; 
} 
echo "</div>"; 

if ($_GET['sort'] == 'submittedDate') 
{ 
    $sql .= " ORDER BY `ach`.`submitDate` ASC "; 
} 
elseif ($_GET['sort'] == 'accountNumber') 
{ 
    $sql .= " ORDER BY accountNumber"; 
} 
elseif ($_GET['sort'] == 'accountHolderName ') 
{ 
    $sql .= " ORDER BY accountHolderName ASC"; 
} 
elseif($_GET['sort'] == 'achAccountType') 
{ 
    $sql .= " ORDER BY achAccountType"; 
} 
elseif($_GET['sort'] == 'transferType') 
{ 
    $sql .= " ORDER BY transferType"; 
} 
elseif($_GET['sort'] == 'recurringMonthlyTransferDate') 
{ 
    $sql .= " ORDER BY recurringMonthlyTransferDate"; 
} 
elseif($_GET['sort'] == 'status') 
{ 
    $sql .= " ORDER BY status"; 
} 

$mysqli->close(); 

include 'foot.php'; 
?> 

Answer 1

您必須在執行查詢之前添加排序語句。查詢該線路執行：

$result = $mysqli->query($sql); 

Answer 2

如果你想在服務器端你必須by子句Ø刻申使用類型的數據。如果你想jQuery來在客戶端進行排序可以使用Data tables

也把<tbody> </tbody>的，而在外面。由於有許多行，因此您的表格有許多tbody標籤。

$sort = ""; 
    if(isset($_GET["sort"])) { 
     $sort = $_GET["sort"]; 
     //validate that it is real column name so that you will not get any error 
     if(!in_array($sort, array("submittedDate", "accountNumber", "accountHolderName", "achAccountType", "transferType", "recurringMonthlyTransferDate", "status"))) { 
      $sort = ""; 
     } 
     if($sort !="") { 
      $sort = " order by ".$sort." ASC"; 
     } 
    } 

    $sql = "SELECT * FROM ach".$sort;