Javascript Table Adding row

Question

I currently have one table and added 2 rows with 2 columns.

Beside this table there is a +plus button. How can I make it so when I click on the plus button, that a new row is added.

Firstly you haven't asked a question, or even described the issue you're facing. Secondly, please don't use W3Schools. Their articles are often outdated and sometimes just plain wrong. — Rory McCrossan, Mar 21 '18 at 10:28
Maybe this guy just does not understand how to phrase his question because not as good with english? — allenski, Mar 26 '18 at 23:25
Hope this helps https://stackoverflow.com/questions/171027/add-table-row-in-jquery — Waleed, Mar 27 '18 at 15:13

score 1 · Answer 1 · answered Mar 26 '18 at 23:28

Does this help: https://jsfiddle.net/zew7d8p1/26/

var button = document.getElementById('niceButton');

button.addEventListener('click',function(e){

    var table = document.getElementById('niceTable');
    var row = table.insertRow(0);

    var td1 = row.insertCell(0);
    var td2 = row.insertCell(1);

    td1.innerHTML = 'new cell';
    td2.innerHTML = 'new cell';

},false);

Javascript Table Adding row

1 Answers1