Remove Table Columns and Headers  , table having headers with a row-span and col-span using jquery
<p>I have a table and need to remove its columns using jquery. Using this but it removes all the headers , but I want that only the first row header is removed.</p>

<pre><code>   &lt;table border="2" style="border-collapse:collapse;"&gt;
    &lt;tr&gt;
    &lt;tr&gt;
           &lt;th rowspan="2"&gt;#&lt;/th&gt;
           &lt;th rowspan="2"&gt;A&lt;/th&gt; 
           &lt;th rowspan="2"&gt;B&lt;/th&gt;
           &lt;th rowspan="1" colspan="3"&gt;C&lt;/th&gt;
    &lt;/tr&gt;
&lt;tr&gt;

           &lt;th&gt;C-1&lt;/th&gt;
           &lt;th&gt;C-2&lt;/th&gt; 
           &lt;th&gt;C-3&lt;/th&gt;
&lt;/tr&gt;

&lt;tr&gt;

           &lt;td&gt;CONTENT&lt;/td&gt;
           &lt;td&gt;CONTENT&lt;/td&gt;
           &lt;td&gt;CONTENT&lt;/td&gt;        
           &lt;td&gt;CONTENT&lt;/td&gt;
           &lt;td&gt;CONTENT&lt;/td&gt; 
           &lt;td&gt;CONTENT&lt;/td&gt; 
&lt;/tr&gt;


&lt;/table&gt;
</code></pre>

<p>I need to remove the column A , and its corresponding tds , so am using : </p>

<pre><code>$('tr td:nth-child(2), tr th:nth-child(2)').remove();
</code></pre>

<p>It removes the TH - A and its column CONTENT but the <code>&lt;th&gt;</code> : C-2  also gets also removed , please help .</p>
