Co je to skupina sloupců tabulky?
Skupina tabulky a sloupců, jak název napovídá, je skupina buněk z více sloupců. Všechny hodnoty v konkrétním sloupci spolu souvisí. Tabulka-sloupec hostí prvek, který zahrnuje více sloupců. Používáme „
Příklad
V tabulce o biodatech zaměstnanců společnosti, kde jsou zaznamenány „Jméno“, „Věk“ a „Výška“, každý modrý sloupec odpovídá konkrétnímu zaměstnanci, což je znázorněno na následujícím příkladu:
< stůl >
< colgroup >
< kol styl = 'barva pozadí: růžová' >
< kol rozpětí = '3' styl = 'barva pozadí: světle modrá' >
< / colgroup >
< tr >
< td > název < / td >
< td > Michaele < / td >
< td > James < / td >
< td > Davide < / td >
< / tr >
< tr >
< td > Stáří < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Výška < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / stůl >
Postupujte podle níže uvedených kroků podle výše uvedeného kódu:
- Začněte vytvořením tabulky a přidejte ji
štítek. - Použijte rozpětí třída utility a zadejte počet sloupců, které mají být seskupeny.
- Nyní zavřete colgroup pomocí štítek.
- Také zadejte uvedená data do řádků tabulky pomocí
a značky. - Uzavřete stůl přes štítek.
Výstup
„Rozpětí“ buněk v tabulce v HTML představuje, kolik sloupců může pokrýt jedna buňka. Nabízí stejné použití jako funkce „sloučit“ buňky v aplikaci Microsoft Excel.
Co je skupina řádků tabulky?
Skupina řádků tabulky je spojením více řádků do jedné skupiny. Singulární prvek zahrnuje více řádků. Provádí se to prostřednictvím „
” tag. Příklad
Následující tabulku zobrazující tržby zaměstnanců za měsíc lze zobrazit seskupením řádku obsahujícího název měsíce proti jménům více zaměstnanců. Poté mohou být zobrazeny jejich prodeje odpovídající jejich jménům. Totéž jsme ilustrovali v níže uvedeném kódu:
< stůl třída = 'mokrá zebra' >
< colgroup >
< kol >
< kol >
< / colgroup >
< tbody >
< tr >
< čt colspan = '9' > MĚSÍČNÍ PRODEJ ( $ ) < / čt >
< / tr >
< tr >
< čt rozpětí řádků = '4' > květen 2023 < / čt >
< čt >James< / čt >
< td > 1434 < / td >
< / tr >
< tr >
< čt >Michael< / čt >
< td > 1700 < / td >
< / tr >
< tr >
< čt >Jan< / čt >
< td > 1299 < / td >
< / tr >
< / tbody >
< tbody >
< tr >
< čt rozpětí řádků = '4' > června 2023 < / čt >
< čt >James< / čt >
< td > 1256 < / td >
< / tr >
< tr >
< čt >Michael< / čt >
< td > 1975 < / td >
< / tr >
< tr >
< čt >Jan< / čt >
< td > 1883 < / td >
< / tr >
< / tbody >
< / stůl >Ve výše uvedeném kódu:
- Definujte tabulku a přidejte
štítek. - Definujte seskupení sloupců pomocí colspan užitná třída.
- Podobně definujte seskupení řádků pomocí rozpětí řádků užitná třída.
- Nyní zadejte údaje o prodeji všech jednotlivců za každý ze dvou měsíců.
- Nakonec zavřete tabulku pomocí štítek.
Výstup
Závěr
Jednotlivé buňky v tabulce lze seskupit, pokud jedna hodnota odpovídá více jiným položkám. Zjistili jsme také, že tabulku lze seskupit podle sloupců nebo řádků. Oba mají své vlastní funkce a lze je použít kdekoli.