javascript row index update after deleting a row

Question

i'm learning JavaScript and have this assignment where I must build a table where i enter content. Every row must get an index number. And when this works you must be able to input the row number and delete this.

So far, so good.

BUT when i inputted multible rows and deleted the 3rd of 5 rows. And i saw that the row index numbers go from 1, 2, 4, 5. So it doesnt update. Now i want to fix that.. but how?!

I cant think of a way to only call uppon the 1st number of every row.. I hope you can help me..

The link to my project(sorry in advance, i am dutch!): https://jsfiddle.net/Burner/kaqsgra1/

My loops for inputting the rownumber:

function addContent(){
    for(i = 0; i < f.length; i++){
        newData[i] = f.elements[i].value;
    }

    var newRow = contenttable.insertRow();

    for (var i = 0; i< 4; i++){
        newData[0] = contenttable.rows.length - 1;
        var newCel = newRow .insertCell(i);
        newCel.innerHTML = newData[i];
    }    

   }

And when deleting a number i call this function:

function deleteNumber(){
    var numRows = contenttable.rows.length - 1;

    if(deleteNr.value == ""){
        alert("Voer svp een nummer in!");
        return false;
    }
    if(deleteNr.value > numRows){
        alert("Dit rijnummer bestaat niet ");
        return false;
    }
    document.getElementById("uitvoertabel").deleteRow(deleteNr.value);
}

have a look at this fiddle jsfiddle.net/aakashmartand/246grrrw — Aakash Martand
– Aakash Martand, Commented Jan 17, 2017 at 14:10

Jerrad · Accepted Answer · 2017-01-17 13:57:07Z

2

In your deleteNumber function, renumber your rows after the selected row is deleted.

for (var i = 0; i< uitvoertabel.rows.length; i++){
  uitvoertabel.rows[i].cells[0].innerHTML = i;
}

JSFiddle

answered Jan 17, 2017 at 13:57

Jerrad

5,3001 gold badge20 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SanderS Over a year ago

I like you! Thx!!

Collectives™ on Stack Overflow

javascript row index update after deleting a row

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related