colspan
colspan membuat satu sel melebar menutupi beberapa kolom, biasanya untuk baris total atau judul kelompok. Nilainya adalah jumlah kolom yang ditutupi, jadi colspan="2" berarti sel itu dihitung sebagai dua kolom. Jumlah kolom setiap baris harus tetap sama setelah colspan diperhitungkan; kalau tidak, tabelnya tampil miring dan screen reader kehilangan hubungan antara sel dan headernya. Ada juga rowspan yang bekerja sama persis, tapi ke arah vertikal.
👀 Contoh dulu
<tr> <td>Kopi</td> <td>12</td> </tr> <tr> <td colspan="2">Total: 12 item</td> </tr>
Hasilnya: Baris terakhir hanya punya satu sel, tapi lebarnya menutupi kedua kolom di atasnya.
💡 colspan="2" berarti "sel ini menghitung sebagai 2 kolom", sehingga jumlah kolom per baris tetap seimbang.
📝 Sekarang giliranmu
Tambahkan baris terakhir berisi satu <td> dengan colspan="2" bertuliskan Total: 1 peserta.