Javascript Динамически построить HTML-таблицу с кнопкой ячейки

Question

Попытка заставить мою динамическую таблицу иметь кнопку в последнем столбце.Не повезло.Любая помощь высоко ценится.

var removeRow=document.createElement("BUTTON");

                //Add the data rows.
                for (var i = 1; i < data.length; i++) {
                    row = table.insertRow(-1);
                    for (var j = 0; j < 3; j++) {
                        var cell = row.insertCell(-1);
                        if (j==0) {
                        cell.innerHTML = data[i].userId}
                        if (j==1) {
                        cell.innerHTML = data[i].id}
                        if (j==2) {
                        cell.innerHTML = data[i].title}
                        if (j==3) {
                        cell.appendChild(removeRow)// Not working when replace data[i].field with button variable.
                    }
                }

Answer 1

В вашем цикле j никогда не достигает 3 (в вашем втором операторе для написано j < 3). Если вы измените это значение на j < 4 или j <= 3, оно должно работать.

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