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ň
-
colspanatributy,
tabilisanyň sütunlaryny birleşdirýär