Jaké je použití skupiny záhlaví tabulky a skupiny zápatí tabulky v CSS

Co je skupina záhlaví tabulky?

V CSS je „ Skupina záhlaví tabulky “ se používá k zobrazení záhlaví tabulky pomocí „ ” tag. Záhlaví odpovídá prvnímu záznamu ve svislém sloupci. Specifikuje informace o položkách tabulky. V případě potřeby může záhlaví také zahrnovat více sloupců. To lze provést vytvořením skupiny Table-Column Group v CSS.

Příklad
Záhlaví tabulky má jiné formátování než ostatní položky v tabulce, aby se vizuálně odlišilo. Ty jsou obvykle reprezentovány tučnou velikostí písma nebo textem ve vyšším měřítku. Při uvádění jmen „Muži“ a „Ženy“ je můžeme přiřadit jako záhlaví v samostatném řádku, jak je znázorněno v příkladu níže:

Následující kroky vysvětlují, jak vytvořit záhlaví tabulky:

• Přidat ' ” pro vytvoření tabulky.
• V dalším kroku zadejte „ ” tag, který odkazuje na záhlaví tabulky.
• Přidejte hodnoty záhlaví jako řádek pomocí značky „“ a zavřete záhlaví pomocí značky „“.
• Nyní zahrňte „ ” pro začátek těla tabulky.
• Vložte data pro každý z řádků pomocí značky „“.
• Uzavřete tělo tabulky a tabulku pomocí „ ' a ' “, resp.

Výstup

Co je skupina se zápatím tabulky?

' Skupina zápatí tabulky “ se používá k zobrazení zápatí tabulky v CSS pomocí „ ” tag. Zápatí také poskytuje informace o obsahu tabulky, které mohou čtenáři pomoci lépe porozumět datům. Pomocí stejného příkladu z předchozí části přidejte zápatí, které udává celkový počet záznamů v každém sloupci pro „Muži“ a „Ženy“ v tabulce.

Příklad
Přehled následujícího příkladu vysvětlujícího diskutovaný koncept:

Následující kroky vysvětlují kroky k vytvoření zápatí tabulky:

• Podobně jako v předchozím příkladu přidejte „ ” pro vytvoření/zahrnutí tabulky.
• Zahrnout „ ” pro určení záhlaví tabulky.
• Nyní podobně přidejte nadpisy záhlaví jako řádek a zavřete záhlaví pomocí „ ” tag.
• Připomeňme si diskutované přístupy pro specifikaci těla tabulky a zahrnutí dat do ní.
• Nyní přidejte „ ” pro začátek zápatí tabulky.
• Přidejte data pro zápatí tabulky jako řádek a zavřete zápatí pomocí „ ” tag.
• Nakonec tabulku uzavřete pomocí „ ” tag.

Výstup
Výše napsaný kód generuje následující výsledek:

Závěr

Záhlaví a zápatí v tabulce v CSS pomáhají přidat další informace v horní a dolní části tabulky. Tyto informace pomáhají určit, o čem tabulka je, a poskytují další podrobnosti obsažené v hodnotách vložených do tabulky. Společně tyto dva dokonale rámují data zapouzdřená v tabulce.