title: How to highlight multiple selected row in angular 4
body: <p>How to highlight multiple selected row in angular 4 ,</p>
  
  <p>Here I can edit with checkbox and perform other action too. What I am looking is to highlight the row which is checked.</p>
  
  <pre><code>&lt;tbody&gt;
     &lt;tr *ngFor='let row of rowData' [ngClass]="{ 'selected': row.selected }"&gt;
       &lt;td class="text-center&gt;
           &lt;input type="checkbox" [(ngModel)]="row.selected" /&gt;
       &lt;/td&gt;
       &lt;td&gt;
           &lt;input type="text" *ngIf="row.editable" [(ngModel)]="row.name" /&gt;
           &lt;ng-container *ngIf="!row.editable"&gt;{{row.name}}&lt;/ng-container&gt;
           &lt;!-- You can use span or whatever instead of ng-container--&gt;
       &lt;/td&gt;
       &lt;!-- Repeat for other cells --&gt;      
     &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>