title: Highlight selected row in primeng table without checking the checbox
body: <p>I am using primeng <code>p-table</code> along with <code>p-checkbox</code>. I want to be able to highlight the clicked row (or the row content) without checking the checkbox. The Checkbox should be checked on clicking the checkbox itself, not the row.
  I tried using <code>[pSelectableRow]</code> but it also checks the checkbox in addition to highlighting it.</p>
  <pre><code>&lt;p-table [columns]=&quot;cols&quot; [value]=&quot;brands&quot; [(selection)]=&quot;selected&quot; dataKey=&quot;vin&quot;&gt;
      &lt;ng-template pTemplate=&quot;header&quot; let-columns&gt;
          &lt;tr&gt;
              &lt;th style=&quot;width: 3em&quot;&gt;
                  &lt;p-tableHeaderCheckbox&gt;&lt;/p-tableHeaderCheckbox&gt;
              &lt;/th&gt;
              &lt;th *ngFor=&quot;let col of columns&quot;&gt;
                  {{col.header}}
              &lt;/th&gt;
          &lt;/tr&gt;
      &lt;/ng-template&gt;
      &lt;ng-template pTemplate=&quot;body&quot; let-rowData let-columns=&quot;columns&quot;&gt;
          &lt;tr [pSelectableRow]=&quot;rowData&quot;&gt;
              &lt;td&gt;
                  &lt;p-tableCheckbox [value]=&quot;rowData&quot;&gt;&lt;/p-tableCheckbox&gt;
              &lt;/td&gt;
              &lt;td *ngFor=&quot;let col of columns&quot;&gt;
                  {{rowData[col.field]}}
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/ng-template&gt;
  &lt;/p-table&gt;
  </code></pre>
  <p>What should I do to only highlight the clicked row, not check the checkbox?
  I have created a <a href="https://stackblitz.com/edit/primeng-table-row-highlight?file=src/app/app.component.html" rel="nofollow noreferrer">Stackblitz</a> sample.</p>