Delete all rows in an HTML table

this will remove all the rows:

$("#table_of_items tr").remove();

javascript html html-table

Keep the <th> row in a <thead> and the other rows in a <tbody> then replace the <tbody> with a new, empty one.

i.e.

var new_tbody = document.createElement('tbody');populate_with_new_rows(new_tbody);old_tbody.parentNode.replaceChild(new_tbody, old_tbody)

javascript html html-table

Very crude, but this also works:

var Table = document.getElementById("mytable");Table.innerHTML = "";

CodeHunter