Colgroup - Versionshistorik

PGJ: /* Exempel */

2019-01-30T13:20:47Z

Exempel

← Äldre version		Versionen från 30 januari 2019 kl. 13.20
Rad 9:		Rad 9:
	Sätter en förvald bredd för varje kolumn i gruppen. Förutom de vanliga bredd-angivelserna finns specialkommandot; <code>0</code>. Detta anger att kolumnen ska vara så bred att innehållet i varje cell precis får plats. Man kan även sätt andra värden än <code>0</code>, t.ex. <code>2*</code> för att göra varje kolumn dubbelt så bred som innehållet.		Sätter en förvald bredd för varje kolumn i gruppen. Förutom de vanliga bredd-angivelserna finns specialkommandot; <code>0</code>. Detta anger att kolumnen ska vara så bred att innehållet i varje cell precis får plats. Man kan även sätt andra värden än <code>0</code>, t.ex. <code>2*</code> för att göra varje kolumn dubbelt så bred som innehållet.
	== Exempel ==		== Exempel ==
	<codepen pen="oXdLpQ" tab="html">		<codepen pen="oXdLpQ" tab="html,result" height="500">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<table>		<table>

PGJ: /* Exempel */

2015-07-09T11:57:20Z

Exempel

← Äldre version		Versionen från 9 juli 2015 kl. 11.57
Rad 9:		Rad 9:
	Sätter en förvald bredd för varje kolumn i gruppen. Förutom de vanliga bredd-angivelserna finns specialkommandot; <code>0</code>. Detta anger att kolumnen ska vara så bred att innehållet i varje cell precis får plats. Man kan även sätt andra värden än <code>0</code>, t.ex. <code>2*</code> för att göra varje kolumn dubbelt så bred som innehållet.		Sätter en förvald bredd för varje kolumn i gruppen. Förutom de vanliga bredd-angivelserna finns specialkommandot; <code>0</code>. Detta anger att kolumnen ska vara så bred att innehållet i varje cell precis får plats. Man kan även sätt andra värden än <code>0</code>, t.ex. <code>2*</code> för att göra varje kolumn dubbelt så bred som innehållet.
	== Exempel ==		== Exempel ==
			<codepen pen="oXdLpQ" tab="html">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<table>		<table>
Rad 27:		Rad 28:
	</table>		</table>
	</syntaxhighlight>		</syntaxhighlight>
			</codepen>
	Ovanstående skapar en liten tabell. Kolumnerna med namn, kommer att formateras i enlighet med innehållet i CSS-klassen <code>namn</code>, medan den sista kolumnen kommer att formateras med klassen <code>yrke</code>.		Ovanstående skapar en liten tabell. Kolumnerna med namn, kommer att formateras i enlighet med innehållet i CSS-klassen <code>namn</code>, medan den sista kolumnen kommer att formateras med klassen <code>yrke</code>.

	== Referenser ==		== Referenser ==
	=== Taggens definition i [[WHATWG]]s levande HTML-standard ===		=== Taggens definition i [[WHATWG]]s levande HTML-standard ===

PGJ: Skapade sidan med 'Definierar en grupp med kolumner inuti en tabell. Se tabeller för mer information. == Tillgänliga attribut == De globala attributen är tillgängliga för denna tag...'

2014-08-24T14:27:56Z

Skapade sidan med 'Definierar en grupp med kolumner inuti en tabell. Se tabeller för mer information. == Tillgänliga attribut == De globala attributen är tillgängliga för denna tag...'

Ny sida

Definierar en grupp med kolumner inuti en tabell.

Se [[tabeller]] för mer information.
== Tillgänliga attribut ==
De [[globala attribut]]en är tillgängliga för denna tagg.
=== <code>span</code> ===
Anger hur många kolumner som detta element ska omsluta. Måste vara ett positivt heltal. Om inget anges är förvalet <code>1</code>.
=== <code>width</code> ===
Sätter en förvald bredd för varje kolumn i gruppen. Förutom de vanliga bredd-angivelserna finns specialkommandot; <code>0*</code>. Detta anger att kolumnen ska vara så bred att innehållet i varje cell precis får plats. Man kan även sätt andra värden än <code>0*</code>, t.ex. <code>2*</code> för att göra varje kolumn dubbelt så bred som innehållet.
== Exempel ==
<syntaxhighlight lang="html5">
<table>
<colgroup>
<col span="2" class="namn">
<col class="yrke">
</colgroup>
<tr>
<th>Förnamn</th>
<th>Efternamn</th>
<th>Yrke</th>
</tr>
<tr>
<td>Patrik</td>
<td>Grip-Jansson</td>
<td>Lärare</td>
</tr>
</table>
</syntaxhighlight>
Ovanstående skapar en liten tabell. Kolumnerna med namn, kommer att formateras i enlighet med innehållet i CSS-klassen <code>namn</code>, medan den sista kolumnen kommer att formateras med klassen <code>yrke</code>.
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-colgroup-element
=== Taggens definition i HTML5-standarden ===
http://www.w3.org/TR/html5/the-cogroupl-element.html#the-colgroup-element