Hej Forum!
Rowspan findes ikke i CSS, hvad gør man så?
Jeg får min tabel fra en database med dette kald:
<?php
...
$sql = "SELECT person.name, sommerhus.svejnavnOgNr
FROM person, sommerhus, ejers
WHERE person.pID = ejers.pID
AND ejers.sID = sommerhus.sID
ORDER BY svejnavnOgNr
limit 0, 60";
$result = $conn->query($sql);
echo "<table class='center'>
<caption>Sommerhusadresse og navn</caption>
<thead>
<tr>
<th><small>vejnavnOgNr<br />sommerhus</small></th>
<th>navn
</th>
</tr>
</thead>
";
if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc())
{
echo "<tr>";
echo "<td>" . $row['svejnavnOgNr'] . "</td>";
echo "<td>" . $row['name'] . "</td>";
echo "</tr>";
}
echo "</table>";
} else {
echo "0 results";
}
$conn->close();
?>
Det giver følgende output:
vejnavnOgNr navn
**************************
Præstegaardsvej 37 Navn 1
Præstegaardsvej 39 Navn 2
Præstegaardsvej 39 Navn 3
Præstegaardsvej 42 Navn 4
Præstegaardsvej 42 Navn 5
Præstegaardsvej 42 Navn 6
Præstegaardsvej 44 Navn 7
Præstegaardsvej 46 Navn 8
Præstegaardsvej 48 Navn 9
Præstegaardsvej 50 Navn 10
Præstegaardsvej 52 Navn 11
...
Jeg vil gerne have, at adressen kun nævnes én gang i et felt,
der fylder det samme som de tilknyttede navne. F.eks. skulle
feltet med Præstegaardsvej 39 fylde det dobbelte, og feltet
med Præstegaardsvej 42 fylde det tredobbelte.
Forsøger med følgende CSS:
Udsnit af kunEenAdresse.css:
/* Præstegaardsvej 39 */
tr:nth-child(3) td:nth-child(1) {
visibility: hidden;
}
/* Præstegaardsvej 42 */
tr:nth-child(5) td:nth-child(1) {
visibility: hidden;
}
tr:nth-child(6) td:nth-child(1) {
visibility: hidden;
}
...
Efter kunEenAdresse.css fås:
vejnavnOgNr navn
**************************
Præstegaardsvej 37 Navn 1
Præstegaardsvej 39 Navn 2
Navn 3
Præstegaardsvej 42 Navn 4
Navn 5
Navn 6
Præstegaardsvej 44 Navn 7
Præstegaardsvej 46 Navn 8
Præstegaardsvej 48 Navn 9
Præstegaardsvej 50 Navn 10
Præstegaardsvej 52 Navn 11
...
Det er ikke godt nok. Feltet foran Navn 3 er ikke Præstegaardsvej 39,
men et 'hidden' felt. Det samme gælder felterne ud for Navn 5 og 6.
Forøgelse af højden på Præstegaardsvej 39 og 42 bevirker blot, at
den pågældende række forstørres.
'display: none' i stedet for 'visibility: hidden' bevirker, at
Navn rykker frem til kolonne 1.
Hvordan får jeg et Præstegaardsvej 39 felt, der fylder det dobbelte,
og et Præstegaardsvej 42 felt, der fylder det tredobbelte, og hvor navnene
bliver på deres nuværende pladser?
Venlig hilsen
Peter
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.83 Safari/537.36