opdrachtGrid.php
<?php
include "db.php"
?>
<head>
<style>
.container{
display: grid;
grid-template-columns: 1fr
}
.container .rij div{
border: 1px solid black;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
font-size: 15;
font-family: sans-serif;
}
.header div{
background: black;
color: white;
}
.rij{
display: grid;
grid-template-columns: 0.5fr 1fr 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
</style>
</head>
<body>
<div class='container'>
<div class="rij header">
<div>llnr</div>
<div>voornaam</div>
<div>tussenvoegsel</div>
<div>achternaam</div>
<div>straat</div>
<div>huisnummer</div>
<div>postcode</div>
<div>plaats</div>
<div>telefoon</div>
<div>geslacht</div>
<div>geb_datum</div>
<div>klas</div>
</div>
<?php
$result = mysqli_query($db, "SELECT * FROM leerlingen");
while($row = mysqli_fetch_array($result)){
echo "<div class='rij'>";
for($i = 0; $i < count($row)/2; $i++){
echo "<div>$row[$i]</div>";
}
echo "</div>";
}
?>
</div>
</body>
Resultaat
Made by Thijs Aarnoudse