Динамическое добавление нескольких строк в таблицу данных

Question

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

У меня вопрос: как добавить несколько строк данных одновременно, у меня есть рабочий пример ниже которого будет медленно добавляться 1000 строк с использованием row.add () , но я не могу на всю жизнь понять, как добавить эти строки в один пакет, используя rows.add ()

$('#addRow').on( 'click', function () {
  for (i =0; i < 1000; i++) {
    r = [i+'.1', i+'.2', i+'.3', i+'.4', i+'.5', i+'.6', i+'.7'];
    mytable.row.add( [ r ] ).draw( false );
  }
});

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

Любая помощь будет принята с благодарностью. С уважением, Крис

Answer 1

ОК, у меня это работает, так что если кто-то еще застрянет в этой же проблеме, это мой код:

$('#addRow').on( 'click', function () {
var arrayAll = [];
for (i =0; i < 1000; i++) {
    var arrayRow = [i+'.1', i+'.2', i+'.3', i+'.4', i+'.5', i+'.6', i+'.7'];
    arrayAll = arrayAll.concat([arrayRow]);
}
t.rows.add( arrayAll ).draw();
} );

Это добавит 1000 строк в секунду:)

Answer 2

Без правильного примера я не могу проверить результаты. Рассмотрим следующий код.

function addRows(n, tbl) {
  var lastRow = tbl.row(":last");
  var index = lastRow.index();
  for (var i = (index + 1); i < (index + n); i++) {
    r = [i + '.1', i + '.2', i + '.3', i + '.4', i + '.5', i + '.6', i + '.7'];
    tbl.row.add(r).draw(false);
  }
}
$('#addRow').on('click', function() {
  addRows(1000, mytable);
});

Предполагая, что у вас есть объем данных, вы хотите найти последнюю строку в таблице и затем построить ее на этом основании. Вы не можете строить строки с бесконечным числом строк, но вы можете использовать динамическую c переменную сумму. Вы также можете построить Объект Строк и затем использовать table.rows.add().

См. Больше:

• https://datatables.net/reference/api/rows ()
• https://datatables.net/examples/api/add_row.html
• https://datatables.net/reference/api/rows.add ()