Eu tenho uma tabela HTML que pode ser mais de 1 mil linhas e uma dúzia de colunas.

Eu quero que as colunas tenham um tamanho fixo (controlável pelo usuário) e não cresçam / encolham vertical ou horizontalmente. Portanto, visualmente, o conteúdo de uma célula de tabela específica estará em uma linha e o estouro será cortado no final da célula.

Fazendo análises de desempenho no Chrome em uma tabela grande, o principal matador de desempenho éestouro: oculto.

Eu tentei colocar o conteúdo de cada célula dentro de uma entrada, uma vez que isso replicaria o mesmo comportamento visual, mas isso teria um impacto de desempenho semelhante.

O que as pessoas recomendam para melhorar o desempenho?

Se necessário, não preciso usar uma tag de tabela, mas preferiria ficar com a tag table se um bom desempenho puder ser alcançado.

Atualização 1: Incluí um arquivo que demonstra o problema de desempenhoAqui. Aviso o arquivo é bastante grande (25MB) e vai abrandar o seu computador. Por padrão, a tabela não tem overflow definido como oculto, e uma vez que a tabela foi carregada (pode demorar um pouco) o desempenho do navegador relativamente suave.

No entanto, se você editar o arquivo e descomentar as linhas 12-15 e abri-lo. Você verá que depois de carregar o navegador em volta da mesa é significativamente menos responsivo.