title: Implementing a <p-table> with a grey header
body: <p>I'm relatively new to angular.  I'm trying to implement a p-table with a table header that is grey.</p>
  <p>I believe this is done with an ng-template - but I must be leaving something out.</p>
  <p>Here's my</p>
  <pre><code>&lt;p-table&gt;
    &lt;ng-template pTemplate=&quot;header&quot; let-rowData&gt;
      &lt;tr&gt;
        &lt;th colspan=&quot;1&quot;&gt;Col 1&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/ng-template&gt;
  
  &lt;/p-table&gt;
  </code></pre>
  <p>It sort of looks okay - but it doesn't have a light grey background like other table headers do.</p>
  <p>Furthermore I know I'm leaving something out because if I attempt to implement a body below within another ng-template like below - the body doesn't render at all.</p>
  <pre><code>&lt;p-table&gt;
    &lt;ng-template pTemplate=&quot;header&quot; let-rowData&gt;
      &lt;tr&gt;
        &lt;th colspan=&quot;1&quot;&gt;Col 2&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/ng-template&gt;
    &lt;ng-template pTemplate=&quot;body&quot;&gt;
      &lt;tr&gt;
        &lt;td&gt;Cell 1&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/ng-template&gt;
  &lt;/p-table&gt;
  </code></pre>
  <p>Much appreciated.</p>