Sifa ya rowspan

Sifa rowspan inadhibiti kuunganishwa kwa safu katika jedwali la HTML. Inatumika kwa vitambulisho th na td.

Thamani inayokubalika: nambari kamya kuanzia 1.

Jinsi ya kutumia: tunaongeza sifa hii kwa kiini chochote td au th. Kwa mfano, ukiweka rowspan kuwa na thamani 2 - basi kiini hicho kitachukua safu mbili kwa urefu wa jedwali. Wakati huo huo, viini kutoka safu iliyo chini havitatoweka, kiini chetu kilichopanuka kitaliziona na jedwali litavunjika. Ilisababisha hilo lisitokee, ni lazima ufute moja ya viini kutoka safu iliyo chini. Angalia mifano kwa uelewa bora.

Mfano . Jedwali bila kuunganisha

Wacha tuangalie jedwali bila kuunganisha, ambalo tutafanya kazi nalo baadaye:

<table>
	<tr>
		<td>kiini1</td>
		<td>kiini2</td>
		<td>kiini3</td>
	</tr>
	<tr>
		<td>kiini4</td>
		<td>kiini5</td>
		<td>kiini6</td>
	</tr>
	<tr>
		<td>kiini7</td>
		<td>kiini8</td>
		<td>kiini9</td>
	</tr>
</table>

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

Mfano . Tupanue kiini kwa safu mbili

Sasa wacha tupanue kiini 1 kwa safu mbili kwa kuipa sifa rowspan yenye thamani 2. Tutaona kuwa inaliziona viini kutoka safu iliyo chini yake na jedwali linavunjika:

<table>
	<tr>
		<td rowspan="2">kiini1</td>
		<td>kiini2</td>
		<td>kiini3</td>
	</tr>
	<tr>
		<td>kiini4</td>
		<td>kiini5</td>
		<td>kiini6</td>
	</tr>
	<tr>
		<td>kiini7</td>
		<td>kiini8</td>
		<td>kiini9</td>
	</tr>
</table>

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

Mfano . Tupanue kiini bila kuvunja jedwali

Ikusudiwe kurekebisha shida ya kuvunjika kwa jedwali kutoka kwa mfano uliopita, wacha tujaribu kufuta moja ya viini kutoka safu ya pili (na si lazima iwe kiini 4, ambacho kipo moja kwa moja chini ya kiini chetu 1, inaweza kufutwa yoyote, tutafuta kiini chenye nambari 5):

<table>
	<tr>
		<td rowspan="2">kiini1</td>
		<td>kiini2</td>
		<td>kiini3</td>
	</tr>
	<tr>
		<td>kiini4</td>
		<td>kiini6</td>
	</tr>
	<tr>
		<td>kiini7</td>
		<td>kiini8</td>
		<td>kiini9</td>
	</tr>
</table>

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

Mfano . Tupanue kiini kwa safu `3`

Hapa wacha tupanue kiini chetu si kwa safu mbili, bali kwa 3, tuweke rowspan yenye thamani 3. Wakati huo huo tufute moja ya viini kutoka safu ya tatu (kiini 7, 8 au 9 - haijalishi), ili jedwali lisivunjike:

<table>
	<tr>
		<td rowspan="3">kiini1</td>
		<td>kiini2</td>
		<td>kiini3</td>
	</tr>
	<tr>
		<td>kiini4</td>
		<td>kiini6</td>
	</tr>
	<tr>
		<td>kiini7</td>
		<td>kiini9</td>
	</tr>
</table>

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

Mfano . Tupanue kwa safu wima `2` zaidi

Wacha tupanue zaidi na kiini 2 kwa 2 safu wima kwa nyongeza ya kiini cha kwanza. Kwa hili kiini 2 tunaongezea colspan yenye thamani 2. Wakati huo huo tufute kiini 3, ili jedwali lisivunjike:

<table>
	<tr>
		<td rowspan="3">kiini1</td>
		<td colspan="2">kiini2</td>
	</tr>
	<tr>
		<td>kiini4</td>
		<td>kiini6</td>
	</tr>
	<tr>
		<td>kiini7</td>
		<td>kiini9</td>
	</tr>
</table>

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

Angalia pia

sifa colspan,
ambayo inaunganisha safu wima za jedwali