Ciao a tutti

mi succede una cosa molto strana....sto facendo un sito con tabelle e TabPanel .

Il cliente mi ha chiesto di fissare la riga delle intestazioni delle tabelle e di far scorrere soltanto i dati . Navigando un pò sul forum ho trovato la seguente soluzione :

<style>
div.tablewrap{position: relative;padding-top: 20px}
div.tablewrap-inner{height: 350px; overflow: auto}
div.tablewrap thead tr{position: absolute;top: -15px}
</style>.

<div class="tablewrap">
<div class="tablewrap-inner">
<table border="0" cellpadding="0" cellspacing="0" class="cqttable">
<thead>
<tr>
<th>Int 1</th>
<th>Int 2</th>
<th>Int 3</th>
<th>Int 4</th>
</tr>
</thead>
<tr>
<td>Val 1</td>
<td>Val 2</td>
<td>Val 3</td>
<td>Val 4</td>
</Tr>
</table>
</div>
</div>

Tutto questo è inserito in una serie di Div che compongono dei pannelli (WebfxTabPane).

la cosa strana è che l'intestazione fissa con lo scroll del tbody funziona ma quando passo col mouse sul titolo del pannello (quindi scateno un evento java che colora di bianco la scritta) sparisce la riga di intestazione e poi ritorna solo se faccio un refresh della pagina.

vi posto il codice degli eventi che causano il problema , se volete vedere altro codice chiedete pure .


<style type="text/css">
.dynamic-tab-pane-control .tab-row .hover a {
color: white;
}
</style>

WebFXTabPage.tabOver = function ( tabpage ) {
var el = tabpage.tab;
var s = el.className + " hover";
s = s.replace(/ +/g, " ");
el.className = s;
};

WebFXTabPage.tabOut = function ( tabpage ) {
var el = tabpage.tab;
var s = el.className;
s = s.replace(/ hover/g, "");
el.className = s;
};



Spero che possiate aiutarmi....

Grazie in anticipo !!!

Simone