Eu estou construindo um pequeno aplicativo baseado na web usando uma tabela HTML. Uma propriedade incomum desta tabela é que ela fixou a linha superior e a coluna esquerda (semelhante ao excel). Eu consegui isso usando um pouco de jQuery e CSS.

O problema é que o evento jQuery que aciona meu código é o evento $ (window) .scroll e, evidentemente, a maioria dos navegadores (Chrome e IE) redesenha a página antes que o código que é chamado por este evento termine de ser executado. Como resultado, a coluna esquerda e a linha superior levam uma fração de segundo para "alcançar" o restante da tabela.

Eu providenciei umexemplo de jsFiddle despojado para mostrar meu problema.Nota: O atraso não é muito perceptível quando a tabela é tão pequena e (relativamente falando) vazia de conteúdo. No entanto, está lá (supondo que você não esteja usando o firefox). Existe alguma maneira de se livrar desse atraso?

Obrigado!