Sinn & Zweck von <col> & <colgroup> in einer <table>

[petz_e]

Hallo,

Was ist der Sinn und Zweck von <col> und <colgroup> in einer table? Diese tags können benutzt werden um eine ganze Kolonne in einer Tabelle zu identifizieren, richtig? Dann braucht man nicht jede td in dieser Kolonne mit einem class tag zu versehen. Doch wie benutzt man das? Hier ist ein Beispiel:

<table>
	<caption>Group A</caption>
	[B]<colgroup class="pos" />
	<colgroup class="team" />
	<colgroup class="pts" span="6" />[/B]
	<thead>
		<tr>
			<th scope="col"></th>
			<th scope="col">Team</th>
			<th scope="col">Pts</th>
			<th scope="col">W</th>
			<th scope="col">L</th>
			<th scope="col">D</th>
			<th scope="col">G</th>
			<th scope="col">Diff</th>
		</tr>
	</thead>
	<tfoot>
		<tr>
			<td colspan="8">Pts=Points, W=Wins, L=Losses, G=Goals, Diff=Goal difference</td>
		</tr>
	</tfoot>
	<tbody>
		<tr>
			<td>1</td>
			<td>SWI</td>
			<td>9</td>
			<td>3</td>
			<td>0</td>
			<td>0</td>
			<td>6:2</td>
			<td>4</td>
		</tr>
		<tr>
			<td>2</td>
			<td>POR</td>
			<td>6</td>
			<td>3</td>
			<td>2</td>
			<td>0</td>
			<td>3:3</td>
			<td>0</td>
...

Ich versuche jetzt mit CSS die Schrift in der 'Team' Kolonne fett darzustellen:

	.team {
		font-weight: bold;
	}

was aber nicht klappt. Was nützt mich das <col> und <colgroup> also hier?

Patrick

 

[anna55]

Ich versuche jetzt mit CSS die Schrift in der 'Team' Kolonne fett darzustellen:

	.team {
		font-weight: bold;
	}

was aber nicht klappt. Was nützt mich das <col> und <colgroup> also hier?

Das geht schon so, wie Du willst. Schau Dir mal das Beispiel auf der Seite an.

 

[petz_e]

Die Hintergrundfarbe und Breite einer Spalte kann ich so ändern, aber die Textausrichtung (text-align) und alle aneren Schrift-Attribute können nicht geändert werden (z.B. eben auch font-weight).

Patrick

 

[anna55]

Die Hintergrundfarbe und Breite einer Spalte kann ich so ändern, aber die Textausrichtung (text-align) und alle aneren Schrift-Attribute können nicht geändert werden (z.B. eben auch font-weight).

SELFHTML beschreibt, welche Attribute colgroup und col zugeordnet werden können. In Deinem Fall könntest Du mit Tabellenköpfen (th) arbeiten, die Du ja schon eingesetzt hast. Darüber wurde in dem anderen Beispiel auch die fette Schrift umgesetzt.