Scalanie wierszy i kolumn

W HTML możesz sprawić, że komórki tabeli będą obejmować wiele wierszy lub kolumn, używając atrybutów rowspan i colspan. Te atrybuty pozwalają tworzyć bardziej złożone układy tabel, łącząc komórki.

Atrybut colspan służy do określenia liczby kolumn, które powinna obejmować komórka. Dodaje się go do znacznika <td> lub <th> komórki, którą chcesz rozszerzyć.

Oto przykład użycia colspan:

<table border="1">
	<tr>
		<th colspan="2">Name</th>
	</tr>
	<tr>
		<td>John</td>
		<td>Doe</td>
	</tr>
</table>

W tym przykładzie komórka nagłówka z tekstem „Name” rozciąga się na dwie kolumny. Jest to przydatne przy tworzeniu nagłówka obejmującego wiele kolumn. Wygląda to tak:

Atrybut rowspan służy do określenia liczby wierszy, które powinna obejmować komórka. Dodaje się go również do znacznika <td> lub <th> komórki, którą chcesz rozszerzyć.

Oto przykład użycia rowspan:

<table border="1">
  <tr>
    <th>Employee</th>
    <th>Shift</th>
  </tr>
  <tr>
    <td rowspan="2">Alex</td>
    <td>Morning</td>
  </tr>
  <tr>
    <td>Evening</td>
  </tr>
</table>

Tutaj rowspan służy do pokazania, że Alex pracuje zarówno na porannej, jak i wieczornej zmianie, bez powtarzania imienia. 

Możesz użyć zarówno colspan, jak i rowspan w tej samej tabeli, aby tworzyć złożone układy. Pamiętaj tylko, aby odpowiednio dostosować liczbę komórek w każdym wierszu, uwzględniając komórki obejmujące kilka kolumn lub wierszy.