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>