Угруповання стовпців таблиці.

Угруповання стовпців дає більш широкі можливості. Існують два елементи <colgroup> і <col>. <colgroup> використовується для створення груп стовпців, яким можна привласнювати визначені атрибути. <col> дозволяє привласнювати властивості окремим стовпцям без угруповання. Атрибут span в елементі <colgroup> використовується для визначення числа стовпців конкретної групи.

Приклад: розбивка таблиці, що складається з п'яти стовпців на дві групи за допомогою <colgroup>.

<table border="1" cellpadding="5">

<colgroup span="3" align="center"></colgroup>

<colgroup span="2" align="right" width="100"></colgroup>

<tr><th>Кількість</th><th>Ідентифікатор</th><th>Опис</th>

<th>Ціна одиниці</th><th>Вартість</th></tr>

<tr><td>13</td><td>6789</td><td>Процесор</td><td>2</td><td>25</td></tr>

<tr><td>12</td><td>3456</td><td>Клавіатура</td><td>3</td><td>26</td></tr>

<tr><td>15</td><td>7890</td><td>Коврик</td><td>4</td><td>27</td></tr>

<tr><td>14</td><td>4567</td><td>Монітор</td><td>5</td><td>34</td></tr>

<tr><td>11</td><td>1234</td><td>Шина</td><td>6</td><td>45</td></tr>

</table>

На екрані у вікні броузера побачимо:

Елемент <colgroup> може мати як атрибут <align>, так і <valign>, значення всіх його атрибутів застосовується до всієї групи стовпців. Групи повинні визначатися на самому початку до визначення першого рядка. Елемент <colgroup> може також мати атрибут width, що визначає ширину кожного стовпця групи. Наприклад: <colgroup span=”4” width=”10”> - у примусовому порядку встановлює ширину кожного з 4 стовпців у 10 пикселів.