chore: pointer only on selectable (#793)

Author: aaron-steinfeld

projects/components/src/table/table.component.scss

@@ -42,7 +42,10 @@ $header-height: 32px;
   flex-direction: row;
   height: 44px;
   min-height: 44px;
-  cursor: pointer;
+
+  &.selectable {
+    cursor: pointer;
+  }
 
   &.selected-row {
     background: $blue-1;

projects/components/src/table/table.component.ts

@@ -144,7 +144,11 @@ import { TableColumnConfigExtended, TableService } from './table.service';
           *cdkRowDef="let row; columns: this.visibleColumnIds$ | async"
           (mouseenter)="this.onDataRowMouseEnter(row)"
           (mouseleave)="this.onDataRowMouseLeave()"
-          [ngClass]="{ 'selected-row': this.shouldHighlightRowAsSelection(row), 'hovered-row': this.isHoveredRow(row) }"
+          [ngClass]="{
+            'selected-row': this.shouldHighlightRowAsSelection(row),
+            'hovered-row': this.isHoveredRow(row),
+            selectable: this.supportsRowSelection()
+          }"
           class="data-row"
         ></cdk-row>
 
@@ -691,6 +695,10 @@ export class TableComponent
     return this.selectionMode === TableSelectionMode.Multiple;
   }
 
+  public supportsRowSelection(): boolean {
+    return this.hasMultiSelect() || this.hasSingleSelect();
+  }
+
   public isRowExpanded(row: StatefulTableRow): boolean {
     return this.hasExpandableRows() && row.$$state.expanded;
   }