HTML 表格合併儲存格：rowspan 跨行屬性完整指南

問題場景

需實現最後一欄跨兩行的表格結構，普通 <td> 無法直接實現「一格佔多行」。

解決方案：rowspan 屬性

rowspan="n" 指定儲存格跨越 n 行。配合正確的 <tr> 結構，即可達到目標佈局。

代碼示例

<table border="1">
  <tr>
    <td rowspan="2">第1欄（跨2行）</td>
    <td rowspan="2">第2欄（跨2行）</td>
    <td>第3欄 第1行</td>
  </tr>
  <tr>
    <td>第3欄 第2行</td>
  </tr>
</table>

關鍵點說明

• 第一行宣告跨行的儲存格並設定 rowspan。
• 後續行不再撰寫對應的 <td>，瀏覽器自動佔位。
• 同理 colspan 用於跨列合併。

常見錯誤避坑

1. 跨行儲存格後仍在後續行寫入同數量 <td>，導致欄位錯位。
2. 巢狀表格中誤用 rowspan 跨越 <thead>/<tbody> 邊界，需確保在同一區塊內。