Exerciece sur le tableau multidimensionnel en PHP

Exercice : Écrire un programme PHP qui réalise le tableau suivant :

Voici le programme complet ... Cliquez sur le bouton pour copier le code :

<meta charset="utf-8">
<!DOCTYPE html>
<html>
<head>
<title>Tableau multidimensionnel</title>
<style>
.grid-container {
    display: grid;
    border: 1px solid #ccc;
}
.grid-header {
    padding: 8px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.grid-cell {
    padding: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.grid-cell:last-child, .grid-header:last-child {
    border-right: none;
}
.grid-footer-label {
    padding: 8px;
    font-weight: bold;
    text-align: right;
    border-right: 1px solid #ccc;
}
.grid-footer-value {
    padding: 8px;
    font-weight: bold;
}

pre code {
    background: #22b2bf;
    padding: 1em;
    display: block;
    white-space: pre-wrap;
    overflow-x: auto;
    font-family: Consolas, monospace;
    color: #333;
}

</style>
</head>
<body>

<?php

$products_multidimensional = array(
    array('N.Prod' => 'P001', 'Produit' => 'Robinet', 'Qte' => 250, 'Pu' => 18),
    array('N.Prod' => 'P004', 'Produit' => 'Peinture', 'Qte' => 300, 'Pu' => 33),
    array('N.Prod' => 'P006', 'Produit' => 'Serrure', 'Qte' => 100, 'Pu' => 47)
);

$total_colonne = 0;

echo "<div class='grid-container' style='grid-template-columns: auto auto auto auto auto;'>";
echo "<div class='grid-header'>N.Prod</div>";
echo "<div class='grid-header'>Produit</div>";
echo "<div class='grid-header'>Qte</div>";
echo "<div class='grid-header'>Pu</div>";
echo "<div class='grid-header'>Total</div>";

foreach ($products_multidimensional as $product) {
    $total = $product['Qte'] * $product['Pu'];
    echo "<div class='grid-cell'>" . $product['N.Prod'] . "</div>";
    echo "<div class='grid-cell'>" . $product['Produit'] . "</div>";
    echo "<div class='grid-cell'>" . $product['Qte'] . "</div>";
    echo "<div class='grid-cell'>" . number_format($product['Pu'], 2, ',', ' ') . "</div>";
    echo "<div class='grid-cell'>" . number_format($total, 2, ',', ' ') . "</div>";
    $total_colonne += $total;
}

echo "<div class='grid-footer-label' style='grid-column: 1 / 5;'>Total Général :</div>";
echo "<div class='grid-footer-value'>" . number_format($total_colonne, 2, ',', ' ') . "</div>";
echo "</div>";
?>
</body>
</html>

Exécution :

Exerciece sur le tableau multidimensionnel en PHP

Enregistrer un commentaire