HTML-тег <colgroup>

Характеристики

• Тип: блочный, статичный, семантический
• Назначение: Группирует один или несколько элементов <col> для применения общих стилей или атрибутов к нескольким столбцам таблицы.
• Родители: Элемент <table>.
• Потомки: Элементы <col>.
• Глобальные атрибуты: все
• Атрибуты событий: нет

Атрибуты

• span — определяет количество столбцов, на которые распространяется <colgroup>.

Пример использования

<table>
  <colgroup id="myColgroup" span="2"></colgroup>
  <!-- Содержимое таблицы -->
</table>

Использование в JavaScript

// Получение элемента по ID
const colgroup = document.getElementById('myColgroup');

// Добавление класса
colgroup.classList.add('new-class');

Рекомендации по обеспечению доступности (a11y)

• Используйте <colgroup> для семантической группировки столбцов, это может помочь в стилизации и улучшении восприятия таблицы.

Полезные ссылки