Какво е група таблица-колона?
Групата таблица-колона, както подсказва името, е група от клетки от множество колони. Всички стойности в определена колона са свързани една с друга. Таблица-колона хоства елемент, който обхваща множество колони. Ние използваме „
Пример
В таблицата за биоданните на служителите на компанията, където са записани „Име“, „Възраст“ и „Ръст“, всяка синя колона съответства на конкретен служител, демонстриран в следния пример:
< маса >
< colgroup >
< полк стил = 'цвят на фона: розов' >
< полк педя = '3' стил = 'цвят на фона: светлосин' >
< / colgroup >
< тр >
< td > Име < / td >
< td > Майкъл < / td >
< td > Джеймс < / td >
< td > Дейвид < / td >
< / тр >
< тр >
< td > Възраст < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / тр >
< тр >
< td > Височина < / td >
< td > 173 см < / td >
< td > 184 см < / td >
< td > 188 см < / td >
< / тр >
< / маса >
Следвайте дадените по-долу стъпки според горния код:
- Започнете, като създадете таблица и добавете
етикет. - Използвай педя полезен клас и укажете броя на колоните, които да бъдат групирани заедно.
- Сега затворете colgroup с помощта на етикет.
- Освен това въведете посочените данни в редовете на таблицата, като използвате
и етикети. - Затворете масата чрез етикет.
Изход
„Обхватът“ на клетките в таблица в HTML представлява колко колони може да покрие една клетка. Предлага същата употреба като функцията за „сливане“ на клетки в Microsoft Excel.
Какво е група редове на таблица?
Групата редове на таблица е обвързване на множество редове, за да се направи една група. Единичен елемент обхваща множество редове. Извършва се чрез „ <група редове> ” таг.
Пример
Следната таблица, показваща продажбите, направени от служителите за един месец, може да бъде показана чрез групиране на реда, съдържащ името на месеца, срещу имената на множество служители. Тогава техните продажби могат да бъдат показани в съответствие с имената им. Ние сме илюстрирали същото в кода по-долу:
< маса клас = 'мокра-боу-зебра' >
< colgroup >
< полк >
< полк >
< / colgroup >
< tbody >
< тр >
< th colspan = '9' >МЕСЕЧНИ ПРОДАЖБИ ( $ ) < / th >
< / тр >
< тр >
< th размах на редовете = '4' > май 2023 г < / th >
< th >Джеймс< / th >
< td > 1434 < / td >
< / тр >
< тр >
< th >Майкъл< / th >
< td > 1700 < / td >
< / тр >
< тр >
< th >Джон< / th >
< td > 1299 < / td >
< / тр >
< / tbody >
< tbody >
< тр >
< th размах на редовете = '4' > юни 2023 г < / th >
< th >Джеймс< / th >
< td > 1256 < / td >
< / тр >
< тр >
< th >Майкъл< / th >
< td > 1975 г < / td >
< / тр >
< тр >
< th >Джон< / th >
< td > 1883 г < / td >
< / тр >
< / tbody >
< / маса >В горния код:
- Дефинирайте таблица и добавете
етикет. - Определете групирането на колоните с помощта на colspan клас на полезност.
- По същия начин дефинирайте групирането на редовете чрез размах на редовете клас на полезност.
- Сега въведете данните за продажбите на всички лица за всеки от двата месеца.
- Накрая затворете таблицата с помощта на етикет.
Изход
Заключение
Отделните клетки в таблица могат да бъдат групирани, ако една стойност съответства на множество други записи. Също така забелязахме, че таблицата може да бъде групирана по отношение на колони или редове. И двете имат свои собствени функции и могат да се използват навсякъде, където е необходимо.