Атрибути rowspan

Атрибути rowspan ҷамъбасти сатрҳоро дар ҷадвали HTML идора мекунад. Ба тегҳои th ва td татбиқ мешавад.

Қимати қабулшаванда: адади бутун аз 1 оғоз меёбад.

Чӣ тавр истифода бурдан: ин атрибутро ба ягон ҳуҷраи td ё th илова мекунем. Агар, масалан, ба rowspan қимати 2 диҳем - ҳуҷрае, ки ин барои он таъин шудааст, ду сатр аз баландии ҷадвалро ишғол мекунад. Дар ин ҳолат ҳуҷраҳо аз сатри поинӣ ба ҳеҷ ҷо нараванд, ҳуҷраи васеъшудаи мо онҳоро аз ҷо ба ҷо мекунад ва ҷадвал пароканда мешавад. Барои пешгирӣ аз ин, бояд яке аз ҳуҷраҳоро аз сатри поинӣ нест кунем. Барои фаҳмиши беҳтар ба мисолҳо нигаред.

Мисол . Ҷадвал бе муттаҳид кардан

Биёед ҷадвалеро, ки бе муттаҳид кардан аст, бинем, ки мо дар оянда бо он кор хоҳем кард:

<table>
	<tr>
		<td>cell1</td>
		<td>cell2</td>
		<td>cell3</td>
	</tr>
	<tr>
		<td>cell4</td>
		<td>cell5</td>
		<td>cell6</td>
	</tr>
	<tr>
		<td>cell7</td>
		<td>cell8</td>
		<td>cell9</td>
	</tr>
</table>

table, td, th {
	border: 1px solid black;
}

Мисол . Ҳуҷраро ба ду сатр васеъ мекунем

Ва акнун биёед ҳуҷраи 1-ро ба ду сатр васеъ кунем, ба он атрибути rowspan бо қимати 2 медиҳем. Мо хоҳем дид, ки он ҳуҷраҳоро аз сатри зери он аз ҷо мебарорад ва ҷадвал пароканда мешавад:

<table>
	<tr>
		<td rowspan="2">cell1</td>
		<td>cell2</td>
		<td>cell3</td>
	</tr>
	<tr>
		<td>cell4</td>
		<td>cell5</td>
		<td>cell6</td>
	</tr>
	<tr>
		<td>cell7</td>
		<td>cell8</td>
		<td>cell9</td>
	</tr>
</table>

table, td, th {
	border: 1px solid black;
}

Мисол . Ҳуҷраро бе пароканда шудани ҷадвал васеъ мекунем

Барои ислоҳ кардани мушкилии пароканда шудани ҷадвал аз мисоли қаблӣ, биёед санҷем, ки яке аз ҳуҷраҳоро аз сатри дуюм нест кунем (ва ин ҳатман ҳуҷраи 4 нест, ки бевосита дар зери ҳуҷраи 1-и мо қарор дорад, ҳар кадомро метавон нест кард, мо ҳуҷраи рақами 5-ро нест мекунем):

<table>
	<tr>
		<td rowspan="2">cell1</td>
		<td>cell2</td>
		<td>cell3</td>
	</tr>
	<tr>
		<td>cell4</td>
		<td>cell6</td>
	</tr>
	<tr>
		<td>cell7</td>
		<td>cell8</td>
		<td>cell9</td>
	</tr>
</table>

table, td, th {
	border: 1px solid black;
}

Мисол . Ҳуҷраро ба `3` сатр васеъ мекунем

Ва дар ин ҷо биёед ҳуҷраи худро ба ду сатр на, балки ба 3 сатр васеъ кунем, ба он rowspan бо қимати 3 диҳем. Дар ин ҳолат яке аз ҳуҷраҳоро аз сатри сеюм нест мекунем (ҳуҷраи 7, 8 ё 9 - фарқе надорад), то ки ҷадвал пароканда нашавад:

<table>
	<tr>
		<td rowspan="3">cell1</td>
		<td>cell2</td>
		<td>cell3</td>
	</tr>
	<tr>
		<td>cell4</td>
		<td>cell6</td>
	</tr>
	<tr>
		<td>cell7</td>
		<td>cell9</td>
	</tr>
</table>

table, td, th {
	border: 1px solid black;
}

Мисол . Боз ба `2` сутун васеъ мекунем

Биёед ҳуҷраи 2-ро ба 2 сутун васеъ кунем дар илова бар ҳуҷраи аввал. Барои ин ба ҳуҷраи 2 colspan бо қимати 2 илова мекунем. Дар ин ҳолат ҳуҷраи 3-ро нест мекунем, то ки ҷадвал пароканда нашавад:

<table>
	<tr>
		<td rowspan="3">cell1</td>
		<td colspan="2">cell2</td>
	</tr>
	<tr>
		<td>cell4</td>
		<td>cell6</td>
	</tr>
	<tr>
		<td>cell7</td>
		<td>cell9</td>
	</tr>
</table>

table, td, th {
	border: 1px solid black;
}

Ҳамчунин нигаред

атрибути colspan,
ки сутунҳои ҷадвалро муттаҳид мекунад