I already created the add rows but my problem is, the value of the id that I created doesn't increment. I just stick to 1 result.

I also want to include remove rows so whenever I click the button "remove" the row with specific id will remove.

[Here's my jsfiddle](https://jsfiddle.net/z51z3jj1/)

```
<script>
var rowID;
function myFunction() {
    rowID++;
    var table = document.getElementById("myTable");
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    rowID=1;
    cell1.innerHTML = "###";
    cell2.innerHTML = "###";
    cell3.innerHTML = rowID;
    cell4.innerHTML = "<button id=''>Remove</button>";
}

```

Thanks in advance