在動態表格中使用rowspan屬性可以將單元格合并為一個大的單元格,使表格更加美觀和易讀。以下是一個示例代碼,演示了如何使用rowspan屬性在動態表格中合并單元格:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>張三</td>
<td rowspan="2">25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
</tr>
</table>
</body>
</html>
在上面的示例中,第二列的年齡單元格被合并為一個大的單元格,因為在第一行中設置了rowspan="2"
屬性。這樣可以更好地展示數據,使表格更加緊湊和清晰。