rowspan атрибуту

rowspan атрибуту HTML таблицасынын катарларын бириктирүүнү башкарат. th жана td теглерине колдонулат.

Кабыл алынган маани: 1ден башталган бүтүн сан.

Кантип колдонуу керек: бул атрибутту каалаган td же th уячага кошуңуз. Эгерде, мисалы, rowspan атрибутуна 2 маанисин берип койсок - анда аны алган уяча эки катардын бийиктигин ээлейт. Бул учурда төмөнкү катардагы уячалар жок болбойт, биздин кеңейген уяча аларды ыгып чыгарып, таблица кулап кетет. Мунун болушуна жол бербөө үчүн, төмөнкү катардан бир уячаны өчүрүп салыш керек. Жакшыраак түшүнүү үчүн мисалдарды караңыз.

Мисал . Бириктирилбеген таблица

Бириктирилбеген, кийинчерээк иштей турган таблицаны карап көрөлү:

<table>
	<tr>
		<td>уяча1</td>
		<td>уяча2</td>
		<td>уяча3</td>
	</tr>
	<tr>
		<td>уяча4</td>
		<td>уяча5</td>
		<td>уяча6</td>
	</tr>
	<tr>
		<td>уяча7</td>
		<td>уяча8</td>
		<td>уяча9</td>
	</tr>
</table>

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

Мисал . Уячаны эки катарга кеңейтебиз

Эми 1 уячаны эки катарга кеңейтип, ага rowspan атрибутуна 2 маанисин берели. Биз анын астындагы катардагы уячаларды ыгып чыгарып, таблицанын кулап кеткенин көрөбүз:

<table>
	<tr>
		<td rowspan="2">уяча1</td>
		<td>уяча2</td>
		<td>уяча3</td>
	</tr>
	<tr>
		<td>уяча4</td>
		<td>уяча5</td>
		<td>уяча6</td>
	</tr>
	<tr>
		<td>уяча7</td>
		<td>уяча8</td>
		<td>уяча9</td>
	</tr>
</table>

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

Мисал . Уячаны таблица кулабай кеңейтебиз

Алдыңкы мисалдагы таблицанын кулашына жол бербөө үчүн, экинчи катардан бир уячаны өчүрүп салалы (жана бул милдеттүү түрдө биздин 1 уячабыздын төмөнүндө турган 4 уяча эмес, каалаган уячаны өчүрсө болот, биз 5 уячаны өчүрөбүз):

<table>
	<tr>
		<td rowspan="2">уяча1</td>
		<td>уяча2</td>
		<td>уяча3</td>
	</tr>
	<tr>
		<td>уяча4</td>
		<td>уяча6</td>
	</tr>
	<tr>
		<td>уяча7</td>
		<td>уяча8</td>
		<td>уяча9</td>
	</tr>
</table>

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

Мисал . Уячаны `3` катарга кеңейтебиз

Бул жерде уячабызды эки эмес, 3 катарга кеңейтип, ага rowspan атрибутуна 3 маанисин берели. Бул учурда үчүнчү катардан бир уячаны (7, 8 же 9 уячалардын бирин - айырмасы жок) өчүрүп салабыз, ошондо таблица кулабайт:

<table>
	<tr>
		<td rowspan="3">уяча1</td>
		<td>уяча2</td>
		<td>уяча3</td>
	</tr>
	<tr>
		<td>уяча4</td>
		<td>уяча6</td>
	</tr>
	<tr>
		<td>уяча7</td>
		<td>уяча9</td>
	</tr>
</table>

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

Мисал . Дагы `2` тилкеге кеңейтебиз

Биринчи уячадан тышкары, 2 уячаны дагы 2 тилкеге кеңейтели. Бул үчүн 2 уячага colspan атрибутун 2 маанисинде кошуп коёбуз. Бул учурда 3 уячаны өчүрүп салабыз, ошондо таблица кулабайт:

<table>
	<tr>
		<td rowspan="3">уяча1</td>
		<td colspan="2">уяча2</td>
	</tr>
	<tr>
		<td>уяча4</td>
		<td>уяча6</td>
	</tr>
	<tr>
		<td>уяча7</td>
		<td>уяча9</td>
	</tr>
</table>

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

Ошондой эле караңыз

таблицанын тилкелерин бириктирген colspan атрибуту,