title: How to remove all rows of the table but keep the header
body: <p>I want to remove all rows of my table except the header.</p>
  
  <p>This is what I've tried but it always deletes all rows and header:</p>
  
  <pre><code>$("#&lt;%=tblDetailFourn.ClientID%&gt; tbody tr").remove();
  
  $("#&lt;%=tblDetailFourn.ClientID%&gt; tbody tr").not("thead tr").remove();
  
  $("#&lt;%=tblDetailFourn.ClientID%&gt; tr").not("thead tr").remove();
  
  $("#&lt;%=tblDetailFourn.ClientID%&gt; tbody").not("thead").remove();
  
  $("#&lt;%=tblDetailFourn.ClientID%&gt; tbody").remove();
  
  $("#&lt;%=tblDetailFourn.ClientID%&gt; &gt; tbody").remove();
  </code></pre>
  
  <p>Here's the html:</p>
  
  <pre><code>&lt;table id="tblDetailFourn" runat="server" class="ProjetTable ProjetTableHover"&gt;
      &lt;thead&gt;
         &lt;tr&gt;
            &lt;th style="width:200px"&gt;Rôle de Ressource&lt;/th&gt;
            &lt;th style="width:200px"&gt;Nom Prénom&lt;/th&gt;
            &lt;th style="width:120px"&gt;Tel&lt;/th&gt;
            &lt;th style="width:200px"&gt;Courriel&lt;/th&gt;
            &lt;th style="width:80px"&gt;Actif&lt;/th&gt;
            &lt;th style="width:33px"&gt;&lt;/th&gt;
            &lt;th style="width:33px"&gt;&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>