Группировка столбцов.

Группировать можно не только строки, но и столбцы таблицы с помощью тегов и/или данные теги позволяют определить основные параметры столбцов таблицы с помощью следующих атрибутов:

· width - Ширина столбца в процентах или пикселях.

· align - Выравнивает текст в ячейке:

o left - по левому краю.

o right - по правому краю.

o center - по центру.

o justify - по левому и правому краю.

· valign - Выравнивает текст в ячейке по вертикали:

o top - по верхнему краю.

o middle - по центру.

o bottom - по нижнему краю.

o baseline - по базовой линии.

· bgcolor - Цвет фона ячейки.

· span - Количество столбцов, к которым следует применять параметры.

Давайте сгруппируем колонки нашей пробной таблицы про энергетическую ценность продуктов питания, она у нас состоит из пяти столбцов, значит, после тега следует написать, что-то типа:





Для каждой колонки свой тег с указанными параметрами, где первый тег это описание левой колонки таблицы. второй тег - группирует вторую колонку и далее по порядку..

Обратите внимание, что в нашей таблице вторая, третья и четвертая колонки имеют одинаковые параметры width="100" bgcolor="#faebd7" так вот чтобы не прописывать каждую одинаковую колонку отдельно можно воспользоваться атрибутом span, который указывает какое количество последующих колонок имеет идентичные параметры. В нашем случае запись приобретёт следующий вид:



Таким образом мы указали, что три колонки, начиная со второй, имеют одинаковую ширину и цвет фона. Представьте, если бы таких колонок было штук пятьдесят? как бы мы облегчили код.

Ну а вот собственно рабочий пример наших стараний:




Группировка столбцов



Энергетическая ценность продуктов питания:



























ПродуктБелкиЖирыУглеводыккал
Хлеб ржаной4,70,749,8214
Молоко2,83,24,758
Картофель20,119,783
Свинина11,449,39489
Итого:20,953,383,2844




Тег практически идентичен тегу и имеет точно такие же атрибуты, так наш выше изложенный пример мог бы иметь такой вид:



Никакой заметной разницы мы бы не увидели. Однако, некоторые отличия всё же есть.. Во-первых, может служить емкостью тля тегов , конструкция такая:



Во-вторых, если бы мы к тегу применили атрибут rules со значением groups (об этом атрибуте речь пойдёт ниже) эффект будет достигнут только при использовании .



Больше никакой разницы между этими тегами нет.

Пример:




colgroup



























20202040406020 3050
20202040406020 3050
20202040406020 3050
20202040406020 3050


Обратите внимание, что в этом примере колонки таблицы поделены на три группы с помощью , в этих группах мы указали цвет фона и способ выравнивания, а ширину колонок мы задаём с помощью тегов , которые находятся внутри контейнеров .

Как и в случае с группировкой строк, колонки группируются с основной целью дальнейшего воздействия на них через стили или скрипты.


5289584540680573.html
5289605783873351.html
    PR.RU™