從數據庫中通過PHP對錶進行排序

Question

我需要通過單擊Price將標題從低到高排序的標題對數據庫進行排序，如果再次單擊，然後從高到低排序。我錯過了如何在PHP中包含這個。我試過這個解決方案，但由於某種原因，它不工作。隨時免費維修該解決方案或提供其他東西

我使用PDO方法

<?php 
    include 'inc/header.php'; 
    $cars = $db->prepare("SELECT name, price FROM cars"); 
    $cars->execute(); 
    $cars = $cars->fetchAll(PDO::FETCH_ASSOC); 
?> 

這裏是HTML：

<table> 
    <thead> 
    <tr> 
     <th>Name</th> 
     <th> 
     <a href="?orderBy=price">Price</a> 
     </th> 
    </tr> 
    </thead> 
    <tbody> 
    <?php foreach($cars as $car):  ?> 
     <tr> 
     <td> 
      <?php echo $car['name'];?> 
     </td> 
     <td> 
      <?php echo $car['price'];?>€ 
     </td> 
     </tr> 
    <?php endforeach;?> 
    </tbody> 
</table> 

<?php 
    $orderBy = array('price');  
    $order = 'type'; 
    if (isset($_GET['orderBy']) && in_array($_GET['orderBy'], $orderBy)) { 
    $order = $_GET['orderBy']; 
    } 
    $query = 'SELECT * FROM cars ORDER BY '.$order; 
) 
?> 

Answer 1

使用表分揀機插件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="http://tablesorter.com/__jquery.tablesorter.min.js"></script> 
$(document).ready(function() 
{ 
    $("#myTable").tablesorter(); 
} 
); 
<table id="myTable" > 
<thead> 
<tr> 
    <th>Name</th> 
    <th> 
    <a href="?orderBy=price">Price</a> //u can give the table heading 
    </th> 
</tr> 
</thead> 
<tbody> 
    <?php foreach($cars as $car):  ?> 
    <tr> 
    <td> 
     <?php echo $car['name'];?> 
    </td> 
    <td> 
     <?php echo $car['price'];?>€ 
    </td> 
    </tr> 
    <?php endforeach;?> 
</tbody> 
</table> 

u能實現由jquery以最簡單的方式進行桌面分類器

Answer 2

只需使用Jquery DataTables，爲表格添加一個ID然後初始化數據表格，它將允許您按所需的任何列對數據進行排序。超級簡單易用，同時它還增加了很酷的功能，例如桌子上的分頁功能，如果您有很多結果，它不會太長。還可以選擇將您的表格導出爲pdf和其他類型。

<?php 
include 'inc/header.php'; 
$cars = $db->prepare("SELECT name, price FROM cars"); 
$cars->execute(); 
$cars = $cars->fetchAll(PDO::FETCH_ASSOC); 
?> 

<!-- include dataTables from the cdn --> 
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.css"> 

<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script> 


<table id="dataTable"> 
    <thead> 
    <tr> 
     <th>Name</th> 
     <th> 
     <a href="?orderBy=price">Price</a> 
     </th> 
    </tr> 
    </thead> 
    <tbody> 
     <?php foreach($cars as $car):  ?> 
     <tr> 
     <td> 
      <?php echo $car['name'];?> 
     </td> 
     <td> 
      <?php echo $car['price'];?>€ 
     </td> 
     </tr> 
     <?php endforeach;?> 
    </tbody> 
</table> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#dataTable').DataTable(); 
}); 
</script> 

DataTable的結果：

您的結果會像。

正如你可以在圖片中看到，你可以輕鬆地排序任何東西，用更少的喧囂。