Шта је група заглавља табеле?
У ЦСС-у, „ Група заглавља табеле ” се користи за приказ заглавља табеле преко „ <тхеад> ” ознака. Заглавље одговара првом уносу у вертикалној колони. Одређује информације о уносима у табели. Заглавље такође може да обухвата више колона ако је потребно. Ово се може урадити креирањем групе табела-колона у ЦСС-у.
Пример
Заглавље табеле има другачије форматирање од осталих уноса у табели да би се визуелно разликовало. Они су обично представљени подебљаном величином фонта или горњим текстом. Када наводимо имена „Мушкарци“ и „Жене“, можемо их доделити као заглавља у посебном реду као што је приказано у примеру испод:
< сто >
< тхеад >
< тр >
< тх > мушкарци < / тх >
< тх > Жене < / тх >
< / тр >
< / тхеад >
< тбоди >
< тр >
< тд > Џејмс < / тд >
< тд > Јессица < / тд >
< / тр >
< тр >
< тд > Давиде < / тд >
< тд > Лаура < / тд >
< / тр >
< тр >
< тд > Јацоб < / тд >
< тд > Ребека < / тд >
< / тр >
< / тбоди >
< / сто >
Следећи кораци објашњавају како да направите заглавље табеле:
- Додајте ' <табле> ” да бисте направили табелу.
- У следећем кораку наведите „ <тхеад> ” ознака која се односи на заглавље табеле.
- Додајте вредности заглавља као ред преко ознаке „<тр>” и затворите заглавље преко ознаке „”.
- Сада укључите „ <тбоди> ” за почетак тела табеле.
- Уметните податке за сваки од редова користећи ознаку „<тд>”.
- Закључите тело табеле и табелу преко „ ' и ' ” ознаке, респективно.
Излаз
Шта је група табеле-подножја?
„ Табле-Фоотер Гроуп ” се користи за приказ подножја табеле у ЦСС-у уз помоћ „ <тфоот> ” ознака. Подножје такође даје информације о садржају табеле које могу помоћи читаоцу да јасније разуме податке. Користећи исти пример из претходног дела, додајте подножје које даје укупан број уноса у свакој колони за „Мушкарци“ и „Жене“ у табели.
Пример
Преглед следећег примера који објашњава концепт о коме се расправља:
< тхеад >
< тр >
< тх >Мушкарци< / тх >
< тх >Жене< / тх >
< / тр >
< / тхеад >
< тбоди >
< тр >
< тд >Јамес< / тд >
< тд >Јессица< / тд >
< / тр >
< тр >
< тд >Давид< / тд >
< тд >Лаура< / тд >
< / тр >
< тр >
< тд >Јацоб< / тд >
< тд >Ребека< / тд >
< / тр >
< / тбоди >
< тфоот >
< тр >
< тд класа = 'бг-греи-200' >Укупно 03< / тд >
< тд класа = 'бг-греи-200' >Укупно 03< / тд >
< / тр >
< / тфоот >
< / сто >
Следећи кораци објашњавају кораке за креирање подножја табеле:
- Слично претходном примеру, додајте „ <табле> ” за креирање/укључивање табеле.
- Укључите „ <тхеад> ” за одређивање заглавља табеле.
- Сада, на сличан начин, додајте наслове заглавља као ред и затворите заглавље преко „ ” ознака.
- Подсетите се разматраних приступа за одређивање тела табеле и укључивање података у њега.
- Сада додајте „ <тфоот> ” за почетак подножја табеле.
- Додајте податке за подножје табеле као ред и затворите подножје користећи „ ” ознака.
- На крају, закључите табелу користећи „ ” ознака.
Излаз
Горе написани код генерише следећи резултат:
Закључак
Заглавље и подножје у табели у ЦСС-у помажу да се дода више информација на врх и дно табеле, респективно. Ове информације помажу да се утврди о чему се ради у табели и пружају више детаља садржаних у вредностима уметнутим у табелу. Заједно, ово двоје савршено уоквирују податке инкапсулиране у табели.