Tabulka HTML Colspan & Rowspan
Tabulky HTML mohou mít buňky, které se rozkládají přes více řádků a/nebo sloupců.
| NÁZEV | ||
|---|---|---|
| DUBEN | ||
|---|---|---|
| 2022 | ||
|---|---|---|
| FIESTA | ||
HTML tabulka - Colspan
Chcete-li, aby se buňka rozkládala přes více sloupců, použijte colspanatribut:
Příklad
<table>
<tr>
<th colspan="2">Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>43</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>57</td>
</tr>
</table>
Poznámka: Hodnota colspanatributu představuje počet sloupců k rozpětí.
Tabulka HTML - Rozpětí řádků
Chcete-li, aby se buňka rozkládala přes více řádků, použijte rowspanatribut:
Příklad
<table>
<tr>
<th>Name</th>
<td>Jill</td>
</tr>
<tr>
<th rowspan="2">Phone</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
Poznámka: Hodnota rowspanatributu představuje počet řádků k rozpětí.