title: Hide Table Column in CSS
body: <p>I have a table that is automatically generated by some software that I am using, the Table is QOProducts and has the four columns as below:</p>
  
  <pre><code>&lt;table id="QOProducts" border="1" style="visibility: visible; display: block;"&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
  &lt;th&gt;
  &lt;b&gt;Thumbnail&lt;/b&gt;
  &lt;/th&gt;
  &lt;th style="width:250px;"&gt;
  &lt;b&gt;Product Name&lt;/b&gt;
  &lt;/th&gt;
  &lt;th style="width:150px;"&gt;
  &lt;b&gt;Description&lt;/b&gt;
  &lt;/th&gt;
  &lt;th&gt;
  &lt;b&gt;Quantity&lt;/b&gt;    
  </code></pre>
  
  <p>I have tried a few ways but does anyone know if it is possible to hide the second column in the global css file as I do not have direct access the the page. Or would I need to use jQuery?</p>
  
  <p>Any ideas appreciated.</p>