limpar mesa jquery

Eu tenho uma tabela HTML preenchida com várias linhas.

Como posso remover todas as linhas da tabela?

Use .remove ()

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

Se você quiser manter os dados para uso futuro, mesmo depois de removê-los, você pode usar .detach ()

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

Se as linhas são filhos da tabela, você pode usar o seletor filho em vez do seletor descendente, como

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

Se você deseja limpar os dados, mas manter os cabeçalhos:

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

A tabela deve ser formatada desta maneira:

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

Um pouco mais rápido do que remover cada um individualmente:

$('#myTable').empty()

Tecnicamente, isso irá remover thead, tfoote tbodyelementos também.

Eu precisava disso:

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

Ele exclui todas as linhas, exceto o cabeçalho.

A opção nuclear:

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

Destrói tudo dentro de #yourtableid. Tenha cuidado com seus seletores, pois isso destruirá qualquer html no seletor que você passar!

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

Isso irá remover todos os que trtêm tdcomo filho. ou seja, todas as linhas, exceto o cabeçalho, serão excluídas.

Isso removerá todas as linhas pertencentes ao corpo, mantendo assim os cabeçalhos e o corpo intactos:

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

<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>

E remover:

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

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

Ter uma tabela como esta (com um cabeçalho e um corpo)

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

remova todos os tr tendo um pai chamado tbody dentro do #tableId

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

e ao contrário, se você quiser adicionar à sua mesa

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