clear table jquery

Question

I have an HTML table filled with a number of rows     How can I remove all the rows from the table

User · Answer

The nuclear option       yourtableid   html        Destroys everything inside of  yourtableid   Be careful with your selectors  as it will destroy any html in the selector you pass

User · Answer

Slightly quicker than removing each one individually       myTable   empty     Technically  this will remove thead  tfoot and tbody elements too

User · Answer

Use  remove        yourtableid tr   remove      If you want to keep the data for future use even after removing it then you can use  detach        yourtableid tr   detach      If the rows are children of the table then you can use child selector instead of descendant selector  like      yourtableid  gt  tr   remove

User · Answer

lt table id  myTable  class  table  cellspacing  0  width  100   gt       lt thead gt           lt tr gt               lt th gt Header 1 lt  th gt               lt th gt Header 2 lt  th gt               lt th gt Header 3 lt  th gt           lt  tr gt       lt  thead gt       lt tbody id  tblBody  gt        lt  tbody gt   lt  table gt    And Remove       tblBody   empty

User · Answer

Having a table like this  with a header and a body    lt table id  myTableId  gt       lt thead gt       lt  thead gt       lt tbody gt      lt  tbody gt   lt  table gt    remove every tr having a parent called tbody inside the  tableId      tableId tbody  gt  tr   remove      and in reverse if you want to add to your table      tableId tbody   append   lt tr gt  lt td gt  lt  td gt      lt  tr gt

User · Answer

employeeTable td   parent   remove      This will remove all tr having  td as child  i e all rows except the header will be deleted

User · Answer

I needed this        myTable tbody  gt  tr   remove      It deletes all rows except the header

User · Answer

This will remove all of the rows belonging to the body  thus keeping the headers and body intact       tableLoanInfos tbody tr   remove

User · Answer

If you want to clear the data but keep the headers       myTableId tbody   empty      The table must be formatted in this manner    lt table id  myTableId  gt       lt thead gt           lt tr gt               lt th gt header1 lt  th gt  lt th gt header2 lt  th gt           lt  tr gt       lt  thead gt       lt tbody gt           lt tr gt               lt td gt data1 lt  td gt  lt td gt data2 lt  td gt           lt  tr gt       lt  tbody gt   lt  table gt

User · Answer

myTable  gt  tr   remove

[jquery] clear table jquery

Examples related to jquery

Examples related to html-table