Об’єднання комірок таблиці

Механізм злиття комірок таблиці, передбачений у стандарті HTML, дозволяє об’єднувати декілька сусідніх комірок стовпчика або рядка в одну велику комірку.

Атрибут COLSPAN дескрипторів <TН> і <TD> дозволяє виконати злиття комірок з декількох стовпчиків у межах одного рядка таблиці, а атрибут ROWSPAN разом з тими ж дескрипторами – комірок декількох рядків у межах одного стовпчика. Щоб здійснити злиття, потрібно вказати кількість комірок, які будуть форматуватись.

Для того, щоб здійснити злиття комірок у межах рядка, потрібно у тілі дескриптора <TН> або <TD>, що визначає початкову комірку майбутнього об’єднання, ввести COLSPAN=”?”, замінивши? числом, що задає кількість стовпчиків, комірки яких піддадуться злиттю.

Наприклад,

<TR>

<TН COLSPAN =”3”>Канцтовари </TН>

</TR>

<TН>Назва товару</TН>

<TН>Ціна 1 шт. </TН>

<TН>Кількість на складі</TН>

</TR>

відобразиться браузером,

Канцтовари
Назва товару	Ціна 1 шт.	Кількість на складі

Для того, щоб здійснити злиття комірок у межах стовпчика, потрібно у тілі дескриптора <TН> або <TD>, що визначає початкову комірку майбутнього об’єднання, ввести ROWSPAN=”?”, замінивши? числом, що задає кількість рядків, комірки яких піддадуться злиттю.

Наприклад,

<TR>

<TН ROWSPAN =”3”>Канцтовари </TН>

<TН>Назва товару</TН>

<TН>Ціна 1 шт. </TН>

<TН>Кількість на складі</TН>

</TR>

<TR>

<TD>Олівці</TD>

<TD>1 грн. </TD>

<TD>100</TD>

</TR>

<TR>

<TD>Ручки</TD>

<TD>5 грн. </TD>

<TD>200</TD>

</TR>

<TR>

<TD>Лінійки</TD>

<TD>2 грн. </TD>

<TD>150</TD>

</TR>

відобразиться браузером,

Канцтовари	Назва товару		Ціна 1 шт.	Кількість на складі
Олівці		1 грн.
Ручки		5 грн.
Лінійки		2 грн.