So vermeiden Sie die Leistungskosten eines Überlaufs: versteckt?

Ich habe eine HTML-Tabelle, die mehr als 1 KB Zeilen und ein Dutzend oder so Spalten sein kann.

Ich möchte, dass die Spalten eine feste Größe haben (vom Benutzer steuerbar) und weder vertikal noch horizontal vergrößert / verkleinert werden. Visuell befindet sich der Inhalt einer bestimmten Tabellenzelle in einer Zeile und der Überlauf wird am Ende der Zelle abgeschnitten.

Wenn Sie in Chrome eine Leistungsanalyse an einem großen Tisch durchführen, ist dies der wichtigste LeistungskillerÜberlauf versteckt.

Ich habe versucht, den Inhalt jeder Zelle in eine Eingabe einzufügen, da dies dasselbe visuelle Verhalten reproduzieren würde, aber eine ähnliche Auswirkung auf die Leistung hat.

Was empfehlen die Leute, um die Leistung zu verbessern?

Bei Bedarf muss ich kein Tabellen-Tag verwenden, möchte aber lieber beim Tabellen-Tag bleiben, wenn eine gute Leistung erzielt werden kann.

Update 1: Ich habe eine Datei beigefügt, die das Leistungsproblem veranschaulichtHier. Warnung: Die Datei ist ziemlich umfangreich (25 MB) und verlangsamt Ihren Computer. Standardmäßig ist für die Tabelle kein Überlauf auf Ausgeblendet gesetzt, und nach dem Laden der Tabelle (kann eine Weile dauern) ist die Browserleistung relativ reibungslos.

Wenn Sie jedoch die Datei bearbeiten und die Kommentarzeilen 12-15 entfernen, öffnen Sie sie. Sie werden feststellen, dass nach dem Laden des Browsers in der Tabelle die Reaktion erheblich geringer ist.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage