Fissare l'intestazione e il footer di una tabella

[Saretta883]

Ciao a tutti...ho una tabella con scroll bar...
vorrei però fissare l'header e il footer...come fosso fare???


Grazie
Sara

[Prill]

Una maniera molto semplice è far scrollare solo la parte centrale della tabella, inserendo nella cella centrale un div che scrolla e contiene altra tabella. Un esempio:

<table width="400">
  <thead>
    <tr>
      <th>header</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>footer</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>
	<div style="height:100px; overflow:auto">
	 <table>
		<tr>
		<td>riga 1 cella 1</td>
		<td>riga 1 cella 2</td>
		<td>riga 1 cella 3</td>
		</tr>
         </table>
       </div>  
     </td>
    </tr>
  </tbody>
</table>

nella tabella interna potrai inserire naturalmente le righe e le colonne che vuoi (sono da settare e risettare le dimensioni, puramente indicative)

[Saretta883]

Non mi piace molto la soluzione di mettere una tabella dentro l'altra...(non rispetterebbe il W3C)
non c'è un modo per fissare l'hader e il footer della tabella???

[Prill]

per ottenere lo stesso risultato sarà allora necessario un bel po' di codice css o javascript e css. Una soluzione, non l'ho provata, è qui http://www.imaputz.com/cssStuff/bigFourVersion.html ma puoi cercare anche su google "table fixed header" e simili