title: DataTable : How to hide table header?
body: <p>I have 2 tables using DataTable : </p>
  
  <ul>
  <li>top: exact match</li>
  <li>bottom : related </li>
  </ul>
  
  <p>Here is what they look like right now.</p>
  
  <p><img src="https://i.stack.imgur.com/RLiB9.png" alt="enter image description here"></p>
  
  <p>As you can see that, there is no need to show the table header on the second table. I want to hide it.</p>
  
  <p>I have tried using this on my CSS : </p>
  
  <p>Since the class = <code>inventory_related</code></p>
  
  <pre><code>.inventory_related table thead {
  
          display:none;
  
      }
  </code></pre>
  
  <p>I also tried to take off the whole : </p>
  
  <pre><code>       &lt;thead class="thin-border-bottom "&gt;
  
              &lt;th&gt;Catalog # &lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
              &lt;th&gt;Available Vials&lt;/th&gt;
  
          &lt;/thead&gt;
  </code></pre>
  
  <p>This doesn't work either.</p>
  
  <p>Anyone have any suggestion on how do I hide my 2nd table header ? </p>
  
  <p>Thanks.</p>