Maison > base de données > tutoriel mysql > Comment trier dynamiquement les données MySQL dans un tableau HTML ?

Comment trier dynamiquement les données MySQL dans un tableau HTML ?

Linda Hamilton
Libérer: 2024-11-07 12:07:02
original
286 Les gens l'ont consulté

How to Sort MySQL Data in an HTML Table Dynamically?

Tri des lignes dans un tableau HTML récupéré de MySQL

Lorsque vous traitez des tableaux de données obtenus à partir de MySQL, le tri des lignes de manière interactive devient essentiel. Voici comment y parvenir en utilisant une approche simple :

Tri dynamique à l'aide de liens

Pour trier les lignes, vous devez implémenter des liens sur les en-têtes de colonnes qui récupèrent les données de la même page. En incorporant une variable de chaîne de requête dans les liens, vous pouvez identifier sur quelle colonne vous avez cliqué.

Par exemple, votre code HTML pour les en-têtes de tableau pourrait être :

<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>
Copier après la connexion

Commande via Requête SQL

Dans votre code PHP, vous pouvez ensuite utiliser la variable $_GET pour déterminer sur quelle colonne trier. Voici un exemple :

$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";
}
Copier après la connexion

En incorporant cette méthode, vous pouvez ajouter de l'interactivité à vos tableaux, permettant ainsi aux utilisateurs de trier facilement les données en fonction de leurs besoins.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal