Łączenie Komórek Wierszami (w pionie)
rowspan
Rozpiętość komórek możemy podawać nie tylko w poziomie, ale również w pionie, łącząc kolejne wiersze. W tym celu posłużymy się atrybutem rowspan
(ang. row span – rozpiętość wierszowa komórki). Atrybut ten działa analogicznie do poprzedniego, tylko tym razem zwiększając rozpiętość komórki w pionie.
1. Przykład z zastosowaniem atrybutu rowspan
<table> <tr> <th></th> <th>Rodzaj</th> </tr> <tr> <th>Sharknado</th> <td rowspan="3">Horror</td> </tr> <tr> <th>Shartopussy</th> </tr> <tr> <th>Piranha 3DD</th> </tr> </table>
Rodzaj | |
---|---|
Sharknado | Horror |
Shartopussy | |
Piranha 3DD |
2. Przykład z zastosowaniem atrybutu rowspan i scope
<table> <tr> <th></th> <th scope="col">Rodzaj</th> <th scope="col">Główny bohater</th> <th scope="col">Krótki opis</th> </tr> <tr> <th scope="row">Sharknado</th> <td rowspan="3">Horror</td> <td>Rekin</td> <td>Wirujące szczęki</td> </tr> <tr> <th scope="row">Sharktopussy</th> <td>Zmutowany rekin</td> <td>Macki, dużo macek</td> </tr> <tr> <th scope="row">Piranha 3DD</th> <td>Pirania</td> <td>Ostre rwanie</td> </tr> </table>
Rodzaj | Główny bohater | Krótki opis | |
---|---|---|---|
Sharknado | Horror | Rekin | Wirujące szczęki |
Sharktopussy | Zmutowany rekin | Macki, dużo macek | |
Piranha 3DD | Pirania | Ostre rwanie |