Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
Administratif
/
FTP
/
Monsta-FTP-master
:
table_bootstrap01.php
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<?php // Capturer l'événement GET if (isset($_GET['button'])) { $buttonValue = $_GET['button']; echo "<div class='alert alert-info text-center mt-3'>Vous avez cliqué sur le bouton : <strong>$buttonValue</strong></div>"; } // Données pour remplir les colonnes $rows = [ ['nom' => 'Fichier 1', 'taille' => '10 Mo', 'heure' => '12:30'], ['nom' => 'Fichier 2', 'taille' => '20 Mo', 'heure' => '13:00'], ['nom' => 'Fichier 3', 'taille' => '15 Mo', 'heure' => '14:15'], ['nom' => 'Fichier 4', 'taille' => '50 Mo', 'heure' => '15:45'], ['nom' => 'Fichier 5', 'taille' => '100 Mo', 'heure' => '16:30'], ]; ?> <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tableau avec Bootstrap</title> <!-- Lien vers Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container mt-5"> <h1 class="text-center mb-4">Tableau avec Bootstrap</h1> <!-- Tableau --> <table class="table table-striped table-hover table-bordered"> <thead class="table-dark"> <tr> <th>Nom</th> <th>Taille</th> <th>Heure</th> <th>Action</th> </tr> </thead> <tbody> <?php foreach ($rows as $index => $row): ?> <tr> <td><?= htmlspecialchars($row['nom']) ?></td> <td><?= htmlspecialchars($row['taille']) ?></td> <td><?= htmlspecialchars($row['heure']) ?></td> <td> <!-- Bouton stylisé avec Bootstrap --> <a href="?button=<?= $index + 1 ?>" class="btn btn-primary btn-sm"> Action <?= $index + 1 ?> </a> </td> </tr> <?php endforeach; ?> </tbody> </table> </div> <!-- Lien vers Bootstrap JS --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> </body> </html>