El atributo HTML <td> rowspan se utiliza para especificar el número de filas que debe abarcar una celda. Es decir, si una fila abarca dos filas, significa que ocupará el espacio de dos filas en esa tabla. Permite que la celda de una sola tabla abarque la altura de más de una celda o fila. Proporciona la misma funcionalidad que «combinar celdas» en el programa de hoja de cálculo como Excel.
Sintaxis:
<td rowspan="number">
Valores de atributo
- número: contiene el valor numérico que especifica el número de filas que llena la celda. El valor debe ser un número entero.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>HTML td rowspan Attribute</title>
<style>
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
padding: 6px;
}
</style>
</head>
<body style="text-align:center">
<h1 style="color: green;">GeeksforGeeks</h1>
<h2>HTML <td>rowspan Attribute</h2>
<center>
<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Ajay</td>
<!-- This cell will take up space on
two rows -->
<td rowspan="2">24</td>
</tr>
<tr>
<td>Priya</td>
</tr>
</table>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo HTML td rowspan se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA