Ik heb een SQL uitvoer nu nog in een lijst staan,
maar hoe krijg ik deze in een tabel?
ik krijg ze wel goed in tabel, maar dan moet iedere kolom evenveel rijen hebben (zoals op tabel voorbeeld 3 x 4).
Dat kan hier dus niet omdat er soms wel eens een nieuwe waarde in de database wordt toegevoegd. Dus hij moet iedere keer zo een vakje aanmaken zegmaar. 3-4 langs elkaar en vervolgens er onder verder gaan.
Je zou dit kunnen proberen:
...
<tr>
<?php
for ($i = 0; $i < count($formules); $i++) {
if ($i % 3 === 0)
echo "</tr><tr>";
echo "<td>*formule text*</td>";
}
?>
...Als ik het goed heb, maak je hiermee een nieuwe rij wanneer de index modulo 3, 0 is. Hiermee zou je dus drie kolommen hebben.
Correct me if i'm wrong..
Zo krijg ik helemaal niks te zien haha.
bij het 2de voorbeeld (categorien) heb ik het opgelost met rij nummer in database en het dan oproepen in deze code
<table>
<tr STYLE="font-size: 1.5em;">
<td width="15%" bgcolor="#c8d2bc" style="border-top: 1px solid; border-left: 1px solid; border-right: 1px solid;"><a href="index.php?p=formule_lijst&id=<?php echo $formule1['id'] ?>"><?php echo $formule1['categorie'] ?></a></td>
<td width="3%"></td>
<td width="15%" bgcolor="#c8d2bc" style="border-top: 1px solid; border-left: 1px solid; border-right: 1px solid;"><a href="index.php?p=formule_lijst&id=<?php echo $formule2['id'] ?>"><?php echo $formule2['categorie'] ?></a></td>
<td width="3%"></td>
<td width="15%" bgcolor="#c8d2bc" style="border-top: 1px solid; border-left: 1px solid; border-right: 1px solid;"><a href="index.php?p=formule_lijst&id=<?php echo $formule3['id'] ?>"><?php echo $formule3['categorie'] ?></a></td>
</tr>
<tr>
<td width="15%" style="border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid;"><?php echo $formule1['omschrijving'] ?></td>
<td width="3%"></td>
<td width="15%" style="border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid;"><?php echo $formule2['omschrijving'] ?></td>
<td width="3%"></td>
<td width="15%" style="border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid;"><?php echo $formule3['omschrijving'] ?></td>
</tr>
</table>
Maar dat kan bij formule lijst niet, omdat er soms nieuwe toegevoegd worden in de database.
Dat is niet echt efficient hoe je het bij het 2e voorbeeld hebt opgelost..
Kun je de code van de formule lijst posten?
In plaats van een geprogrammeerde modulo-aanpak zou je ook voor een pure CSS oplossing kunnen gaan waarbij je elementen float in een container. Wil je meer elementen op één rij verander je de breedte van de container (die een veelvoud van de breedte van een element is).
om de lijst weer te geven gebruik ik dit
<table width="80%" cellspacing="0" cellpadding="5">
<?
while($formule=mysql_fetch_array($res)){
?>
<tr>
<td width="15%" style="border-bottom: 1px solid;"><a href="index.php?p=formule&id=<?php echo $formule['id'] ?>"><?php echo $formule['naam'] ?></a></td>
<td width="65%" style="border-bottom: 1px solid;"><a href="index.php?p=formule&id=<?php echo $formule['id'] ?>"><?php echo $formule['k_omschrijving'] ?></a></td>
</tr>
<?php
}
mysql_close();
?>Het opbouwen van een tabel via code is wat problematisch als je niet kunt garanderen dat het aantal resultaten een veelvoud is van het aantal elementen (kolommen) in een rij. Bij de geprogrammeerde variant zul je dus moeten kijken/bijhouden of de laatste rij volledig gevuld is en anders zul je nog wat cellen moeten toevoegen om de rij correct af te sluiten.
In de oplossing met CSS zoals hierboven wordt voorgesteld heb je dit probleem in de eerste plaats niet.
hoe bedoel je hem via css?
een container en daar per keer een tabel in van een 15% ofzo?
Tabellen zijn niet nodig in dit geval. Tabellen zijn handig voor het weergeven van heel veel / complexe data. Daar is hier geen sprake van, je kunt hierbij volstaan met divs. Geef de gefloate divs vaste afmetingen en de container eventueel ook.
Overweeg om dit op een of andere manier responsive te maken als dat nodig is (met behulp van media queries ofzo).
even snel gedaan, netter maken kan als het werkt, maar werkt nog niet.
heb nu als code
<div class="formule_lijst">
<?
while($formule=mysql_fetch_array($res)){
?>
<a href="index.php?p=formule&id=<?php echo $formule['id'] ?>"><?php echo $formule['naam'] ?></a>
</div>
<?php
}
mysql_close();
?>en in de css
Je zou hiervoor ook Bootstrap grid system kunnen gebruiken: https://getbootstrap.com/css/#grid
Example: Column wrapping, hier vind ik wel maar welke css hoort erbij? want lijkt me dat er meer instellingen moeten staan in de css
Kan je een voorbeeldje geven?
Je zou dit kunnen proberen: https://getbootstrap.com/customize/?id=…c602ec8cfb1d42d
Onderaan de pagina kun je de CSS bestanden voor Bootstrap grid system. Kijk dan naar https://getbootstrap.com/css/#grid hoe je het moet toepassen.
bedoel waar kun je de css vinden van de div row en div col-xs-12 col-sm-6 col-md-8 etc.
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
<!-- Optional: clear the XS cols if their content doesn't match in height -->
<div class="clearfix visible-xs-block"></div>
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
</div>Dat vertel ik je in mijn vorige reactie. Ik stuur je een downloadlink, omdat het bestand te groot is om hier te plaatsen.
Nog geen account? Registreer je nu en word deel van onze community!