Tabla con ancho de 100% con columnas de igual tamaño. (un nombre de variable)

Question

en primer lugar, no soy muy bueno en diseño web.

Tengo que crear dinámicamente una tabla con un número variable de columnas, determinado en tiempo de ejecución.

¿Alguien puede decirme si es posible tener una tabla html con columnas del mismo tamaño que estén completamente estiradas?

¿Alguna pista?

Answer 1

<table width="400px"> 
    <tr> 
    <td width="100px"></td> 
    <td width="100px"></td> 
    <td width="100px"></td> 
    <td width="100px"></td> 
    </tr> 
</table> 

Por número variable de columnas usar%

<table width="100%"> 
    <tr> 
    <td width="(100/x)%"></td> 
    </tr> 
</table> 

donde 'x' es el número de columnas

Answer 2

1. averiguar cuántas columnas que desea
2. trabajar en lo porcentaje de ancho cada columna necesita: floor(100/n)
3. Aplicar anchos de porcentaje al celdas de encabezado cuando las da salida
4. ???
5. GANANCIA !!

Answer 3

único que tiene que hacer:

HTML:

<table id="my-table"><tr> 
<td> CELL 1 With a lot of text in it</td> 
<td> CELL 2 </td> 
<td> CELL 3 </td> 
<td> CELL 4 With a lot of text in it </td> 
<td> CELL 5 </td> 
</tr></table> 

CSS:

#my-table{width:100%;} /*or whatever width you want*/ 
#my-table td{width:2000px;} /*something big*/ 

Answer 4

Si usted no sabe el número de columnas que va a tener, la declaración

table-layout: fixed

junto con no establecer ninguna ancho de las columnas, implicaría que los navegadores dividen el ancho total uniformemente - no importa qué.

Ese también puede ser el problema con este enfoque, si utiliza esto, también debe considerar cómo se debe manejar el desbordamiento.