COLGROUP (тег в HTML)
Что такое colgroup в html:
Cоздан для группировки одного или нескольких столбцов в таблице, чтобы их можно было стилизовать. Обычно он используется в сочетании с тегами <table> и <col>.Атрибуты:
- align - Устанавливает выравнивание содержимого колонки по краю.
- char - Выравнивает содержимое колонки по заданному символу.
- charoff - Сдвигает содержимое ячейки относительно заданного символа.
- span - Количество колонок, к которым следует применять атрибуты.
- valign - Задает вертикальное выравнивание содержимого колонки.
- width - Ширина колонок.
Как прописать colgroup в html:
<colgroup><col>
<col>
...
</colgroup>
Примеры использования
Группировка нескольких столбцов вместе:<table>
<colgroup>
<col style="background-color: yellow;">
<col>
<col>
</colgroup>
<tr>
<th>Месяц/th>
<th>Отложили</th>
<th>Потратили</th>
</tr>
<tr>
<td>Январь</td>
<td>1000 ₽.</td>
<td>5000 ₽</td>
</tr>
<tr>
<td>Февраль</td>
<td>8000 ₽</td>
<td>7000 ₽</td>
</tr>
</table>
Применение стиля к нескольким столбцам:
<table>
<colgroup>
<col class="highlighted">
<col>
<col class="highlighted">
</colgroup>
<tr>
<th>Месяц</th>
<th>Отложили</th>
<th>Потратили</th>
</tr>
<tr>
<td>Январь</td>
<td>1000 ₽</td>
<td>5000 ₽</td>
</tr>
<tr>
<td>Февраль</td>
<td>8000 ₽</td>
<td>7000 ₽</td>
</tr>
</table>
<style>
.highlighted {
background-color: yellow;
}
</style>
