Функция DataTables - table.row.add, не работающая с кнопкой внутри таблицы (javascript)

Question

Я использую библиотеку DataTables для создания таблицы с кнопкой «скачать».

В первом ряду кнопка работает, но в остальных строках не работает (я использую цикл для ввода данных в таблицу).

что я делаюне так?

JS Код:

snapshot.forEach(function(childSnapshot) {
 var childData = childSnapshot.val();
 number = childData.Number;
 table.row.add( [
       number,
       "<button id='script'>Download Files</button>"
    ] ).draw( false );
 button = document.getElementById('script');
 button.onclick = function(){ myScript(number)};
});

Answer 1

Вы создаете много кнопок с одинаковым идентификатором, поэтому document.getElementById('script'); всегда будет возвращать один и тот же первый элемент с этим идентификатором.

Вы можете попробовать что-то вроде этого:

snapshot.forEach(function(childSnapshot, i) {
 var childData = childSnapshot.val();
 number = childData.Number;
 table.row.add( [
       number,
       `<button id='script${i}'>Download Files</button>`
    ] ).draw( false );
 button = document.getElementById(`script${i}`);
 button.onclick = function(){ myScript(number)};
});