Mam tabelę HTML, która może mieć więcej niż 1K wierszy i kilkanaście kolumn.

Chcę, aby kolumny miały stały rozmiar (kontrolowany przez użytkownika) i nie rosły / kurczyły się w pionie ani w poziomie. Zatem wizualnie zawartość konkretnej komórki tabeli będzie w jednej linii, a przepełnienie zostanie odcięte na końcu komórki.

Analiza wydajności w Chrome na dużym stole jest głównym zabójcą wydajnościprzepełnienie: ukryte.

Próbowałem umieścić zawartość każdej komórki wewnątrz wejścia, ponieważ replikowałoby to samo zachowanie wizualne, ale ma podobny wpływ na wydajność.

Co ludzie zalecają, aby poprawić wydajność?

Jeśli to konieczne, nie muszę używać tagu tabeli, ale wolę trzymać się tagu tabeli, jeśli można osiągnąć dobrą wydajność.

Aktualizacja 1: Włączyłem plik, który pokazuje problem z wydajnościątutaj. Ostrzeżenie, że plik jest dość duży (25 MB) i spowolni pracę komputera. Domyślnie tabela nie ma przepełnienia ustawionego na ukryty, a po załadowaniu tabeli (może to trochę potrwać) wydajność przeglądarki jest względnie płynna.

Jeśli jednak edytujesz plik i linie komentarza 12-15, a następnie je otworzysz. Przekonasz się, po załadowaniu przeglądarki dookoła stołu jest znacznie mniej czuły.