Clear jquery table

Question

I have an HTML table filled with a row of rows.

How can I delete all rows from a table?

Answer 1

Use . remove ()

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

If you want to save data for future use even after you delete it, you can use . detach ()

 $("#yourtableid tr").detach(); 

If the rows are children of the table, you can use the child selector instead of the child selector, for example

 $("#yourtableid > tr").remove(); 

Answer 2

If you want to clear the data, but keep the headers:

 $('#myTableId tbody').empty(); 

The table should be formatted as follows:

 <table id="myTableId"> <thead> <tr> <th>header1</th><th>header2</th> </tr> </thead> <tbody> <tr> <td>data1</td><td>data2</td> </tr> </tbody> </table> 

Answer 3

A little faster than removing each one individually:

 $('#myTable').empty() 

Technically, this will remove thead , tfoot and tbody .

Answer 4

I need it:

 $('#myTable tbody > tr').remove(); 

It deletes all lines except the header.

Answer 5

Nuclear option:

 $("#yourtableid").html(""); 

Destroys everything inside #yourtableid . Be careful with your selectors as it will destroy any html in the selector that you pass!

Answer 6

 $("#employeeTable td").parent().remove(); 

This will remove all tr having td as a child. those. all lines except the heading will be deleted.

Answer 7

This will delete all lines that belong to the body, thereby keeping the headers and body intact:

 $("#tableLoanInfos tbody tr").remove(); 

Answer 8

  $('#myTable > tr').remove(); 

Answer 9

Presence of a table like this (with title and body)

 <table id="myTableId"> <thead> </thead> <tbody> </tbody> </table> 

remove each tr having a parent called tbody inside #tableId

 $('#tableId tbody > tr').remove(); 

and vice versa if you want to add to the table

 $('#tableId tbody').append("<tr><td></td>....</tr>"); 

Answer 10

 <table id="myTable" class="table" cellspacing="0" width="100%"> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> </thead> <tbody id="tblBody"> </tbody> </table> 

And delete:

 $("#tblBody").empty();