Rowspan atributy

rowspan atributy hatarlary birleşdirmek üçin HTML tablisasynda ulanylýar. th we td teglere goýulýar.

Gabul edilýän baha: 1-den başlap bolan bitin san.

Bu atributy nädip ulanylýar: islendik td ýa-da th öýjügine goşýarys. Mysal üçin, rowspan bahasyny 2 etsek, bu baha berlen öýjük tablisanyň iki hatarynyň boýuny eýeler. Bu ýagdaýda, aşaky hatardaky öýjükler ýok bolmaýar, giňelen öýjügimiz olary çykarar we tablisa dargar. Munuň ýüze çykmazlygy üçin, aşaky hatardaky öýjüklerden birini aýyrmaly. Gowy düşünmek üçin mysallara serediň.

Mysal . Birleşdirilmedik tablisa

Indiki işlemek üçin birleşdirilmedik tablisany göreliň:

<table>
	<tr>
		<td>öýjük1</td>
		<td>öýjük2</td>
		<td>öýjük3</td>
	</tr>
	<tr>
		<td>öýjük4</td>
		<td>öýjük5</td>
		<td>öýjük6</td>
	</tr>
	<tr>
		<td>öýjük7</td>
		<td>öýjük8</td>
		<td>öýjük9</td>
	</tr>
</table>

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

Mysal . Öýjügi iki hatara giňelderis

Indi bolsa, 1 öýjügine rowspan atributyny 2 bahasynda berip, ony iki hatara giňelderis. Ol aşaky hatardaky öýjükleri çykarýandygyny we tablisanyň dargandygyny göreris:

<table>
	<tr>
		<td rowspan="2">öýjük1</td>
		<td>öýjük2</td>
		<td>öýjük3</td>
	</tr>
	<tr>
		<td>öýjük4</td>
		<td>öýjük5</td>
		<td>öýjük6</td>
	</tr>
	<tr>
		<td>öýjük7</td>
		<td>öýjük8</td>
		<td>öýjük9</td>
	</tr>
</table>

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

Mysal . Tablisany dargatmazlyk üçin öýjügi giňelderis

Öňki mysaldaky tablisanyň dargamaýşygy üçin, ikinji hatardaky öýjüklerden birini aýyrmaga synanyşalyň (bu, hökmany 4 öýjügi bolmaly däldir, ol 1 öýjügimiziň aşagynda ýerleşýär, islendik birini aýyryp bilersiňiz, biz 5 öýjügini aýyrarys):

<table>
	<tr>
		<td rowspan="2">öýjük1</td>
		<td>öýjük2</td>
		<td>öýjük3</td>
	</tr>
	<tr>
		<td>öýjük4</td>
		<td>öýjük6</td>
	</tr>
	<tr>
		<td>öýjük7</td>
		<td>öýjük8</td>
		<td>öýjük9</td>
	</tr>
</table>

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

Mysal . Öýjügi `3` hatara giňelderis

Bu ýerde öýjügimizi iki hatar däl-de, 3 hatara giňelderis, ona rowspan atributyny 3 bahasynda beris. Bu ýagda, tablisanyň dargamazlygy üçin üçünji hatardaky öýjüklerden birini aýyrmaly (7, 8 ýa-da 9 öýjügi - tapawudy ýok):

<table>
	<tr>
		<td rowspan="3">öýjük1</td>
		<td>öýjük2</td>
		<td>öýjük3</td>
	</tr>
	<tr>
		<td>öýjük4</td>
		<td>öýjük6</td>
	</tr>
	<tr>
		<td>öýjük7</td>
		<td>öýjük9</td>
	</tr>
</table>

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

Mysal . Ýene `2` sütuna giňelderis

Birinji öýjüge goşmaça, indi 2 öýjügini hem 2 sütuna giňelderis. Munuň üçin 2 öýjügine colspan atributyny 2 bahasynda goşýarys. Bu ýagda, tablisanyň dargamazlygy üçin 3 öýjügini aýyrmaly:

<table>
	<tr>
		<td rowspan="3">öýjük1</td>
		<td colspan="2">öýjük2</td>
	</tr>
	<tr>
		<td>öýjük4</td>
		<td>öýjük6</td>
	</tr>
	<tr>
		<td>öýjük7</td>
		<td>öýjük9</td>
	</tr>
</table>

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

Şeýle-de serediň

colspan atributy,
tabilisanyň sütunlaryny birleşdirýär