rowSpan özelliği, TD ve TH etiketlerinde kullanılarak dikey konumda aşağı doğru hücrelerin birleştirilmesini sağlar. Birleştirilen tüm hücreler tek bir hücre olacağı için birleştirilen diğer TD veya TH etiketlerinin kaldırılması gerekir.
HTML Sözdizimi
<element rowspan="miktar" > ... </element>
JavaScript & DOM Sözdizimi
<script type="text/javascript">
miktar = element.rowSpan
</script>
miktar | İlgili hücrenin kendisi de dahil, aşağı doğru dikey olarak birleştirilecek toplam hücre miktarını belirtir. |
Dönüş Değeri
miktar | Birleştirilmiş satır miktarı döner. |
Örnekler
Aşağıdaki örnek, 3x3 boyutundaki bir tablonun 2. sütununun ilk hücresinin alt tarafındaki hücre ile rowspan özniteliği kullanılarak birleştirilmesini göstermektedir.
<table border="1" height="100" width="300">
<tr><td>Hücre 1-1</td><td rowspan="2">Hücre 1-2</td><td>Hücre 1-3</td></tr>
<tr><td>Hücre 2-1</td><td>Hücre 2-3</td></tr>
<tr><td>Hücre 3-1</td><td>Hücre 3-2</td><td>Hücre 3-3</td></tr>
</table>
Canlı Sonuç
Hücre 1-1 | Hücre 1-2 | Hücre 1-3 |
Hücre 2-1 | Hücre 2-3 |
Hücre 3-1 | Hücre 3-2 | Hücre 3-3 |
Aşağıdaki örnek, 3x3 boyutundaki bir tablonun 2. sütununun ilk hücresinin alt tarafındaki diğer 2 hücre ile rowspan özniteliği kullanılarak birleştirilmesini göstermektedir.
<table border="1" height="100" width="300">
<tr><td>Hücre 1-1</td><td rowspan="3">Hücre 1-2</td><td>Hücre 1-3</td></tr>
<tr><td>Hücre 2-1</td><td>Hücre 2-3</td></tr>
<tr><td>Hücre 3-1</td><td>Hücre 3-3</td></tr>
</table>
Canlı Sonuç
Hücre 1-1 | Hücre 1-2 | Hücre 1-3 |
Hücre 2-1 | Hücre 2-3 |
Hücre 3-1 | Hücre 3-3 |
Elementler
rowSpan özelliğinin kullanıldığı HTML etiketleri/elementleri
TD | TH