tabella dati - header e prima colonna fisse

**Sandrocchio_0.1** · 11-04-2006, 12:30

Lo ammeto, sono disperato

, le ho provate tutte, ma non ci sono riuscito.
Ho una tabella abbastanza consistente, dove ho la necessità di mantenere fissi il "thead" e la prima colonna di ogni riga "th" e di permettere di fare lo scroll sul "tbody" in maniera da vedere in ogni momento i riferimenti della cella.

Questo il codice che fino ad oggi ho scritto, la tabella è ridotta per ovvi motivi, ma basta tener conto che per esempio nel thead ci sono circa 115 th, e nel tbody arriviamo a 400 tr.

Se qualcuno riesce a darmi dei suggerimenti su come arrivare alla soluzione del mio problema glie ne sarò immensamente grato, dato che oramai è diventato quasi frustrante continuare a tentativi.

codice:

<style type="text/css">
/* table shadow */
#itsthetable {
	height:750px;
	width:1000px;
	overflow:auto;
	padding: 7px;
}

#itsthetable table {
	font: 80% Verdana;
	border-collapse: collapse;
}

/* table caption */
#itsthetable caption {
	height: 33px;
}


#itsthetable thead th {
	height: 66px;
	color: #FFFFFF;
	padding: 5px 5px 0 5px;
	border-right: 1px dashed #FFFFFF;
}

#itsthetable tbody td {
	border-right: 1px solid #E3F1C7;
	padding: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ABD555;
}
#itsthetable tbody .odd td {
	background: url(/dataTable/odd.png);
}
#itsthetable tbody th {
	padding: 15px;
	padding-right: 25px;
	color:#666666;
	border-bottom: 1px solid #93C331;
}

#itsthetable a {
	color: #485F18;
}

#itsthetable tfoot {
	height: 25px;
	color: White;
}

/* center table headers */
#itsthetable th {
	text-align: center;
}
</style>
</head>
<body>
<div id="itsthetable"> 
       
       
      <table summary="Planning">
<caption>turni</caption> 
        <thead> 
          <tr>
<th scope="col">Data</th>   
            <th scope="col">1</th>   
            <th scope="col">2</th>              
            <th scope="col">3</th>              
            <th scope="col">4</th>              
            <th scope="col">5</th>              
            <th scope="col">6</th>              
            <th scope="col">7</th>              
            <th scope="col">8</th>              
            <th scope="col">9</th>              
            <th scope="col">10</th>              
            <th scope="col">11</th>              
            <th scope="col">12</th>
</tr> 
        </thead>
        <tbody> 
          <tr> 
            <th scope="row">28/01/2006</th> 
            <td>0</td>  
            <td>0</td>     
            <td>0</td>             
            <td>0</td>              
            <td>0</td>              
            <td>0</td>              
            <td>0</td>             
            <td>0</td>              
            <td>0</td>              
            <td>0</td>              
            <td>0</td>
</tr>
<tr> 
            <th scope="row">29/01/2006</th> 
            <td>0</td>  
            <td>0</td>     
            <td>0</td>             
            <td>0</td>              
            <td>0</td>              
            <td>0</td>              
            <td>0</td>             
            <td>0</td>              
            <td>0</td>              
            <td>0</td>              
            <td>0</td>
</tr>
</tbody>
</table>
</div>

**pierofix** · 11-04-2006, 13:44

Ricordo che questo problema è stato affrontato pochi giorni fa: con una ricerca dovresti scovare i dovuti approfondimenti.

**Sandrocchio_0.1** · 11-04-2006, 15:16

ho trovato questo dove thread .
Se ho capito bene:

codice:

#itsthetable tbody{
	height:750px;
	overflow:auto;
}

in Mozilla è ok, ma IE 6.0 mi cambia l'altezza delle celle e la porta a 750px

VVoVe: .

Discussione: tabella dati - header e prima colonna fisse

Strumenti discussione

Ricerca discussione

Visualizza

tabella dati - header e prima colonna fisse

Permessi di invio