l107/tabel_met_grid.php


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .container{
            display: grid;
            /*width: 400px;*/
            grid-template-columns: auto;
            
        }
        .naam{
          	background: black;
          	color: white;
            
      	}
      	.rij {
            display: grid;
            grid-template-columns: 0.5fr 1fr 0.5fr 0.5fr 1fr 0.5fr 0.5fr;
            text-align: center;
            font-family: fantasy;
        }

        .container .rij div {
            border: 0.5px solid;
            height: 20px;
        }
    </style>
</head>
<body>
         
    <div class="container">
      <div class="rij naam">
            <div>Auteurnr</div>
            <div>Voornaam</div>
            <div>Voorletters</div>
            <div>Tussenvoegsel</div>
            <div>Achternaam</div>
            <div>Geboortejaar</div>
            <div>Sterfjaar</div>
        </div>
    <?php
        include('db.php');

        $query = "select * 
                  from auteurs
                  order by auteurnr";
        $result = mysqli_query($db, $query) or die(mysqli_error($db));
        
            while($row = mysqli_fetch_array($result)){
                echo "<div class='rij'>";
                echo "<div>$row[auteurnr]</div>";
                echo "<div>$row[voornaam]</div>";//row['voornaam']
                echo "<div>$row[voorletters]</div>";
                echo "<div>$row[tussenvoegsel]</div>";
                echo "<div>$row[achternaam]</div>";
                echo "<div>$row[geb_jaar]</div>";
                echo "<div>$row[sterfjaar]</div>";
                echo "</div>";
            }
      
    ?>
    </div>

</body>
</html>
Resultaat

Made by Thijs Aarnoudse