HTML テーブル内の MySQL データを動的に並べ替える方法

MySQL から取得した HTML テーブルの行の並べ替え

MySQL から取得したデータ テーブルを扱う場合、対話的に行を並べ替えることが不可欠になります。簡単なアプローチを使用してこれを実現する方法は次のとおりです。

リンクを使用した動的並べ替え

行を並べ替えるには、列ヘッダーにリンクを実装して、同じページのデータです。リンクにクエリ文字列変数を組み込むことで、どの列がクリックされたかを識別できます。

たとえば、テーブル ヘッダーの HTML は次のようになります。

<th><a href="mypage.php?sort=type">Type:</a></th>
<th><a href="mypage.php?sort=desc">Description:</a></th>
<th><a href="mypage.php?sort=recorded">Recorded Date:</a></th>
<th><a href="mypage.php?sort=added">Added Date:</a></th>

Ordering via SQL クエリ

PHP コードで $_GET 変数を使用して、どの列で並べ替えるかを決定できます。以下に例を示します。

$sql = "SELECT * FROM MyTable";

if ($_GET['sort'] == 'type') {
    $sql .= " ORDER BY type";
} elseif ($_GET['sort'] == 'desc') {
    $sql .= " ORDER BY Description";
} elseif ($_GET['sort'] == 'recorded') {
    $sql .= " ORDER BY DateRecorded";
} elseif($_GET['sort'] == 'added') {
    $sql .= " ORDER BY DateAdded";
}

このメソッドを組み込むことで、テーブルに対話性を追加でき、ユーザーがニーズに基づいてデータを簡単に並べ替えることができます。

以上がHTML テーブル内の MySQL データを動的に並べ替える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。