PROGRAMMIAMO
HTML - Raggruppare le righe
Header, body e footer di una tabella

Tabelle molto lunghe possono comportare problemi in fase di visualizzazione o di stampa, poiché la riga che contiene l'intestazione può non risultare visibile quando si effettua lo scrolling della pagina, oppure perché si vuole che tale intestazione venga stampata all'inizio di ogni pagina di stampa.

Per risolvere questo problema si possono usare gli elementi thead, tbody e tfoot che definiscono rispettivamente l'intestazione (thead), il corpo (tbody) e l'eventuale piè di pagina (tfoot) di una tabella. L'esempio che segue dovrebbe chiarire l'uso:

<table width="50%" border="1">
<thead>
<tr>
<td>COLORE</td><td>NOME</td><td>CODICE</td>
</tr>
</thead>
<tfoot>
<tr>
<td>In italiano</td><td>Short name in html</td><td>Hex code</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>BIANCO</td><td>WHITE</td><td>#FFFFFF</td>
</tr>
<tr>
<td>NERO</td><td>BLACK</td><td>#000000</td>
</tr>
<tr>
<td>BLU</td><td>BLUE</td><td>#0000FF</td>
</tr>
</tbody>
</table>

che viene visualizzato così:

COLORENOMECODICE
In italianoShort name in htmlHex code
BIANCOWHITE#FFFFFF
NEROBLACK#000000
BLUBLUE#0000FF

Si noti che tfoot deve essere scritto prima di tbody, anche se viene visualizzato in fondo alla tabella. Inoltre thead, tfoot e tbody devono contenere ciascuno lo stesso numero di colonne.

 

precedente - successiva

Sito realizzato in base al template offerto da

http://www.graphixmania.it