Más de Header Fixed (Cabecera fija)

[alhambraeidos]

Hola a todos,

ya escribí algún que otro mensaje anteriormente pero sigo con la misma
problemática; repito mi caso:

tengo un datalist que cargo con datos, que genera al fin y al cabo una tabla
html con una cabecera, que quiero se mantenga fija. La tabla puede tener
muchas filas y se requiere que aparezca scroll vertical (pues hay muchas
filas) y horizontal (el número de columnas puede ser también grande). La
cabecera se mantiene fija.

Para el scroll horizontal, la cabecera se desplazará igual que el resto de
filas.

Una cuestión importante es que, si el usuario selecciona una fila, la fila
cambia de color (se hace por javascript, en el evento onclick de la fila se
llama a una función javascript que entre otras cosas cambia el
background-color de la fila).

He visto estas referencias e intentado utilizarlas:

home.tampabay.rr.com/bmerkey/examples/locked-column-csv.html
webdeveloper.com/forum/showthread.php?t=108597

El problema es que cuando el usuario selecciona la fila y el color cambia,
la cabecera desaparece. Además, parece que hay ciertos desajustes.

Alguna orientación con este tema, ya me estoy volviéndo loco...

Gracias de antemano.

El código js para cambiar el color de la fila seleccionada es:




// Selecciona la fila y cambia el hidden del seleccionado
function SeleccionarFila(identificadorTarea, offset)
{
if( (identificadorSeleccionada != null) &&
(document.getElementById(identificadorSeleccionada ) != null) )
{
document.getElementById(identificadorSeleccionada) .className = 'ItemStyle';
if(identificadorTarea == identificadorSeleccionada)
{
identificadorSeleccionada == null;
if(document.getElementById(HiddenSeleccionadoClien tID) != null)
{
document.getElementById(HiddenSeleccionadoClientID ).value = null;
document.getElementById(HiddenSeleccionadoOffsetCl ientID).value = null;

}
return;
}
}
document.getElementById(identificadorTarea).classN ame = 'SelectedItemStyle';
identificadorSeleccionada = identificadorTarea;
if(document.getElementById(HiddenSeleccionadoClien tID) != null)
{
document.getElementById(HiddenSeleccionadoClientID ).value = identificadorTarea;
document.getElementById(HiddenSeleccionadoOffsetCl ientID).value = offset;
}
}