Динамически генерировать таблицу html с помощью javascript

Question

У меня есть 100 000 записей в массиве java-script со следующим именем столбца «EmpNo, Fname, LName, Date». Я хочу отображать все записи в таблице html с каждым полем в текстовом поле.

В настоящее время я создать таблицу и добавить значения в цикле

<td><input maxlength="8" id="EmpNo' + i + '" type="text" /></td> 

Он занимает более 5 монетных для отображения более 24000 записей для создания таблицы

Что является лучшим способом для создания HTML таблица в java-script.?

Answer 1

Проблема в том, что вы не должны пытаться отображать 100 000 элементов на одной веб-странице. Ваш метод для этого действителен, но Javascript не был предназначен для того, чтобы быть языком, который обрабатывает интенсивные задачи ввода-вывода, такие как манипулирование и отображение тысяч элементов массива за раз. Я бы предложил реализовать некоторую форму пейджинга, чтобы иметь возможность лучше обрабатывать информацию. Попробуйте выполнить цикл, скажем, первые 500 элементов и отобразить их и добавить кнопки следующей страницы/предыдущей страницы, чтобы создать таблицу для следующих 500 элементов. Вы можете использовать jQuery $ .clear(), чтобы очистить таблицу перед ее повторным заполнением.

Answer 2

Если разбиение на страницы не является чем-то, что вы можете сделать, вы можете получить лучшую производительность, создав HTML-код на своем серверном коде, а затем передав это вместо передачи данных и попросив Javascript сгенерировать ваш HTML-код.