Comment ajouter un bouton après la dernière ligne de première ligne et aussi sur la dernière colonne?

J'ai une table créée à l'aide de JavaScript. Je souhaite ajouter des boutons après la dernière ligne de la première colonne et aussi sur la dernière colonne.

for (var i = 0; i < responseData.length; i++) {
                for (var key in responseData[i]) {
                    if (col.indexOf(key) === -1) {
                        col.push(key);
                    }
                }
            }
            console.log(col.length);

            var table = document.createElement("table");
            table.setAttribute('id', 'table');

            var tr = table.insertRow(-1);
            tr.setAttribute('id', 'tr');
            for (var i = 0; i < col.length; i++) {
                var th = document.createElement("th");
                th.setAttribute('id', 'th');
                th.innerHTML = col[i];
                tr.appendChild(th);
            }


            for (var i = 0; i < responseData.length; i++) {

                tr = table.insertRow(-1);

                for (var j = 0; j < col.length; j++) {
                    var tabCell = tr.insertCell(-1);
                    tabCell.innerHTML = responseData[i][col[j]];
                }
            }
            var trr = table.insertRow(-1);
            var cell = trr.insertCell(-1);
            cell.append($('#addDeleteRow'))
                var divContainer = 
            document.getElementById("showData");
                divContainer.innerHTML = "";
                divContainer.appendChild(table);

               // 

     $('#addDeleteRow').insertAfter('#div').css({background:"yellow"})
            }