hoe colgroup toepassen in html5?

Status
Niet open voor verdere reacties.

1974katten

Nieuwe gebruiker
Lid geworden
31 jan 2020
Berichten
3
Ik moet een oefening maken maar zit potvast. Ik moet colgroup toepassen maar krijg nooit niet het resultaat hoe het moet zijn. Ik pas dit toe voor <thead> maar dan kreeg ik totaal niet . Kan iemand mij helpen? in bijlage hoe ik het tot nu toe heb en hoe het moet zijn
 

Bijlagen

  • hoe het moet.png
    hoe het moet.png
    69,2 KB · Weergaven: 55
  • Aantekening 2020-01-31 110419.png
    Aantekening 2020-01-31 110419.png
    62,8 KB · Weergaven: 57
Wat heb je nu aan code?
Kan je dit ook op JSfiddle delen voor het gemak?
 
Je krijgt wat minimale tabel styling maar dan kan je daarmee zelf de html van de tabel opzetten en de kleurtjes en lijntjes maken. Tip: maak de tabel alsof er geen colgroup is, daarna colgroup erin sleutelen en als laatste de kleurtjes en lijntjes.
Code:
<!DOCTYPE html>
<html>
<head>
<title>Tabel</title>
<style>
.table-container {
    width: 900px; /* breedte van tabel: zelf aanpassen (bijv. in % of px) */
    margin: 0 auto;
}
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
thead, tbody, tfoot, tr {
    width: inherit;
}
th, td {
    font: 400 14px/1.4 'sans-serif';
    padding: 4px 6px;
    box-sizing: border-box;
    vertical-align: top;
}
/* voorbeeld: cellen in 3e kolom aanpassen */
table td:nth-child(3) {
    width: 45%;
    color: #f33;
}
/* voorbeeld: cellen in 2e rij aanpassen */
table tr:nth-child(2) td {
    color: #699;
}
</style>
</head>
<body>
<div class="table-container">
  <table>
    <!-- www.w3schools.com/tags/tag_tbody.asp -->
  </table>
</div>
</body>
</html>

Suc6 met je opdracht.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan