title: How can i hide certain table column in a HTML table using CSS
body: <p>I have a html table which is as follows</p>
  
  <pre><code>&lt;table class="report"&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td &gt;col1&lt;/td&gt;
          &lt;td &gt;col2&lt;/td&gt;
          &lt;td&gt;col3&lt;/td&gt;
          &lt;td &gt;&amp;nbsp;&lt;/td&gt;
          &lt;td &gt;&amp;nbsp;&lt;/td&gt;
          &lt;td &gt;&amp;nbsp;&lt;/td&gt;
          &lt;td &gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;R2&lt;/td&gt;
          &lt;td &gt;2/17&lt;/td&gt;
          &lt;td &gt;{2/17}&lt;/td&gt;
          &lt;td &gt;&amp;nbsp;&lt;/td&gt;
          &lt;td &gt;&amp;nbsp;&lt;/td&gt;
          &lt;td &gt;&amp;nbsp;&lt;/td&gt;
          &lt;td &gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>as you can see , after col3 , all subsequent columns are empty.
  I want to show only first three columns and hide the rest.
  How can i achieve this using CSS.
  I dont have control over HTML table so i can not modify it.</p>
  
  <p>Thanks </p>