У меня есть HTML-таблица, которая может содержать более 1 000 строк и около десятка столбцов.

Я хочу, чтобы столбцы были фиксированного размера (контролируемого пользователем) и не увеличивались / уменьшались ни по вертикали, ни по горизонтали. Таким образом, визуально содержимое отдельной ячейки таблицы будет в одной строке, а переполнение будет обрезано в конце ячейки.

Анализ производительности в Chrome на большом столе является основным фактором снижения производительности.overflow:hidden.

Я пытался поместить содержимое каждой ячейки внутрь входных данных, поскольку это повторяло бы то же визуальное поведение, но это оказывало аналогичное влияние на производительность.

Что люди рекомендуют улучшить производительность?

При необходимости мне не нужно использовать тег таблицы, но я бы предпочел придерживаться тега таблицы, если можно добиться хорошей производительности.

Update 1Я включил файл, который демонстрирует проблему производительностиВот, Предупреждение: файл довольно большой (25 МБ) и замедляет работу компьютера. По умолчанию таблица не имеет переполнения скрытого, и после загрузки таблицы (может занять некоторое время) производительность браузера относительно плавно.

Однако, если вы редактируете файл и раскомментируете строки 12-15, а затем открываете его. Вы увидите, что после загрузки браузера за столом значительно меньше отклика.