tablas - tamaño de una tabla html

Filas de tabla HTML: ¿cómo hacer que una celda única tenga un ancho del 100%?(con una explicación de captura de pantalla)

Question

Aquí está mi problema: tengo una tabla HTML que se ve así:

Lo que quiero es que haya una fila de tabla adicional debajo, excepto que esta fila abarca todo el ancho de la tabla, pero con solo una celda . Rápidamente me burlé de un ejemplo:

Como puede ver, agregué otra fila de tabla debajo con una sola celda <td> dentro que contiene el texto. Sin embargo, quiero que esta celda abarque el 100% del ancho de toda la tabla, no debe cambiar el tamaño del ancho de la columna ''Nombre''.

¿Es posible tal cosa? Me complace usar jQuery o Javascript si es necesario; también, esto no necesita funcionar en IE ya que cada usuario usa Chrome (aunque eso sería una ventaja).

Jack

Answer 1

En tu caso, harías algo como

<tr>
  <td colspan="5">This text should be as long as the entire table''s width...</td>
</tr>

El atributo colspan dice cuántas columnas debe tomar la celda. Debería funcionar en todos los navegadores compatibles con tablas, ya que es HTML estándar.

En JavaScript, debe establecer la propiedad colSpan de la celda o llamar a .setAttribute("colspan", the_number_of_columns) en ella. Cualquiera de los dos debería funcionar Pero a menos que esté generando la celda dinámicamente, debería simplemente incluir el atributo colspan en su HTML.

Answer 2

Para que una celda abarque las 5 columnas,

<td colspan="5">Lorem Ipsum</td>