Tabella con larghezza del 100% con colonne di uguale dimensione. (un nome variabile)

Question

prima di tutto non sono abbastanza bravo in web design.

Devo creare dinamicamente una tabella con un numero variabile di colonne, determinato in fase di esecuzione.

Qualcuno può dirmi se è possibile avere una tabella html con colonne di uguale dimensione che sono completamente allungate?

Eventuali suggerimenti?

Answer 1

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

Per numero variabile di colonne utilizzare%

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

dove 'x' è il numero di colonne

Answer 2

1. calcolare quanti colonne che si desidera
2. capire cosa percentuale di larghezza ogni colonna ha bisogno di: floor(100/n)
3. Applicare larghezze percentuali al le celle dell'intestazione mentre le emettete
4. ???
5. PROFITTO !!

Answer 3

TUTTO quello che dovete fare:

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

Se non si conosce il numero di colonne che si sta per avere la dichiarazione

table-layout: fixed

insieme non impostare una colonna larghezze, implicherebbe che i browser dividono la larghezza totale in modo uniforme - non importa quale.

Questo può anche essere il problema con questo approccio, se si utilizza questo, si dovrebbe anche considerare come deve essere gestito l'overflow.