表格跨行與跨列操作信息安全技術應用ApplicationofInformationSecurityTechnology《前端技術開發》前端技術開發知識儲備跨列操作1跨行操作201跨列操作前端技術開發跨列操作前端技術開發01在實際應用中會出現不同大小的區域，那么在編輯表格時，可合并單元格進行跨列或跨行的操作。<td>標記中設置colspan屬性定義縱向跨越單元格的數量，即列數。<table>

<tr>

<tdcolspan="value">…</td> …</tr> …</table>跨列colspan<tableborder="1"width="400"height="150"><tralign="center"><tdcolspan="2">1月</td><tdcolspan="2">2月</td></tr><tralign="center"><td>產量</td><td>銷量</td><td>產量</td><td>銷量</td></tr><tralign="center"><td>200</td><td>100</td><td>150</td><td>80</td></tr></table>跨列操作前端技術開發01注意：第1行上第1個單元格設置跨列操作，即該單元格占據2個單元格空間，為了保持每行列數相同，該行上需要刪除1個單元格。第3個單元格與第4個單元格類似。02跨行操作前端技術開發跨行操作前端技術開發02<td>標記中設置rowspan屬性定義橫跨單元格的數量，即行數。<table><tr> <tdrowspan="value">…</td></tr><tr>…</tr>…</table>跨行rowspan跨行操作前端技術開發02注意：第1行上第1個單元格設置跨行操作，即該單元格占據第2行上的空間，為了保持每行列數相同，第2行也需要刪除1個單元格。第3行上第1個單元格類似。<tableborder="1"width="400"height="150"><tralign="center"><tdrowspan="2"></td><tdcolspan="2">1月</td></tr><tralign="center"><td>產量</td><td>銷量</td></tr><tralign="center"><tdrowspan="2">A產品</td><td>200</td><td>100</td></tr><tralign="center"><td>150</td><td>80</td></tr></table>跨行操作前端技術開發02注意：第1行上第1個單元格設置跨行跨列操作，即該單元格占據第2行第2列上的空間，然后第2行和第2列上刪除對應的單元格。<tableborder="1"width="400"height="150"><tralign="center"><tdrowspan="2"colspan="2">產品及型號</td><tdcolspan="2">1月</td></tr><tralign="center"><td>產量</td><td>銷量</td></tr><tralign="center"><tdrowspan="2">A產品</td><td>B型號</td><td>200</td><td>100</td></tr><tralign="center"><td>C型號</td><td>150</td><td>80</td></tr></table>小結前端技術開發03單元格合并方式:跨行合并跨列合并合并單元格流程:首先,確定合并單元格類型,是跨行合并還是跨列合并;然后,根據從上到下,從左到右的順序,找到要設置rowspan或colspan屬性的目標單元格;跨行合并:按照從上到下的順序進行合并,最上方的單元格是目標單元格;跨列合