web-dev-qa-db-fra.com

Comment supprimer toutes les lignes de la table tout en conservant l'en-tête

Je veux supprimer toutes les lignes de ma table sauf l'en-tête.

C’est ce que j’ai essayé, mais toutes les lignes et tous les en-têtes sont supprimés:

$("#<%=tblDetailFourn.ClientID%> tbody tr").remove();

$("#<%=tblDetailFourn.ClientID%> tbody tr").not("thead tr").remove();

$("#<%=tblDetailFourn.ClientID%> tr").not("thead tr").remove();

$("#<%=tblDetailFourn.ClientID%> tbody").not("thead").remove();

$("#<%=tblDetailFourn.ClientID%> tbody").remove();

$("#<%=tblDetailFourn.ClientID%> > tbody").remove();

Voici le code HTML:

<table id="tblDetailFourn" runat="server" class="ProjetTable ProjetTableHover">
    <thead>
       <tr>
          <th style="width:200px">Rôle de Ressource</th>
          <th style="width:200px">Nom Prénom</th>
          <th style="width:120px">Tel</th>
          <th style="width:200px">Courriel</th>
          <th style="width:80px">Actif</th>
          <th style="width:33px"></th>
          <th style="width:33px"></th>
      </tr>
    </thead>
    <tbody>
    </tbody>
</table>
jqueryasp.nethtml-table
15
Marc

Essayez d'utiliser ceci:

$('#<%=tblDetailFourn.ClientID%> tr').not(function(){ return !!$(this).has('th').length; }).remove();
11
Likwid_T
$('#tblDetailFourn tbody').empty();
46
Georg

Essayez http://api.jquery.com/child-selector/

$("#<%=tblDetailFourn.ClientID%> > tbody > tr").remove();

Ce que vous avez devrait cependant fonctionner.

10
Brian Mains

Qu'en est-il de:

$('#tblDetailFourn tbody').html('');

jsfiddle

4
SenorAmor

Basé sur le code HTML que vous avez fourni, la solution est la suivante

$("#tblDetailFourn tbody").empty();

Cela fonctionnera parfaitement.

Merci

2
Md. Russel Hussain

Cela devrait fonctionner, à condition que vous n'ayez aucun élément d'en-tête dans tbody.

$("#<%=tblDetailFourn.ClientID%> tbody tr").remove();
2
jrummell

Avez-vous essayé cela ?:

$("#<%=tblDetailFourn.ClientID%> tbody").html('')
2
Michal Borek
$('#tblDetailFourn > tbody > tr > td').parent('tr').empty();
0
GuestFirstPost

si vous voulez supprimer tout le tbody, y compris la balise, utilisez 

$("#tblDetailFourn tbody").remove();

cela enlèvera tout le tr sous le corps et le tbody.

0
Sachin Gupta