html table cells combine

Tengo una tabla con 3 filas y 3 columnas. ¿Cómo se pueden combinar las columnas de la última fila? Mi html:html table cells combine

<table> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td>Here I need a cell by all width</td></tr> 
</table>

Fuente

2010-12-18 pltvs

utilizar el atributo colspan:

<tr><td colspan="3">Here I need a cell by all width</td></tr>

El atributo colspan define el número de columnas de una célula debe ocupar.

Existe un atributo relacionado rowspan que logra lo mismo para las filas.

Fuente

2010-12-18 12:00:22 Oded

Como nota: Considero que es una buena práctica vincular w3.org en lugar de w3schools, ya que se sabe que los últimos cometen errores. –

@Alin Purcaru - Punto justo. Sin embargo, para los novatos, encuentro que w3schools es mucho más fácil de entender, y para este tipo de información, no es probable que cometan un error. – Oded

Probablemente tengas razón. Para estos dos atributos, w3 hace un trabajo bastante bueno al explicarlos. –

Para este propósito exacto del atributo colspan fue creado.

<table> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td colspan="3">Here I need a cell by all width</td></tr> 
</table>

mismo modo se puede utilizar utilizar el atributo rowspan si se quiere abarcar varias filas.

<table> 
    <tr><td></td><td></td><td rowspan="3">Spans full table height</td></tr> 
    <tr><td></td><td></td></tr> 
    <tr><td></td><td></td></tr> 
</table>

Para obtener más información sobre estos dos atributos, visite el documentation on w3.org oficial.

También le recomiendo que no use tablas a menos que necesite presentar datos tabulares.

Fuente

2010-12-18 12:00:12

Respuesta

Cuestiones relacionadas