refactor(*): replacing attr.title with title #6940

Author: kdinev

projects/igniteui-angular/src/lib/grids/grid/grid.component.html

@@ -6,7 +6,7 @@
     *ngIf="showGroupArea && (groupingExpressions.length > 0 || hasGroupableColumns)" #groupArea>
     <igx-chips-area (onReorder)="chipsOrderChanged($event)" (onMoveEnd)="chipsMovingEnded()">
         <ng-container *ngFor="let expr of chipsGoupingExpressions; let last = last;">
-            <igx-chip [id]="expr.fieldName" [attr.title]="getGroupByChipTitle(expr)"
+            <igx-chip [id]="expr.fieldName" [title]="getGroupByChipTitle(expr)"
                 [removable]="getColumnGroupable(expr.fieldName)"
                 [draggable]="getColumnGroupable(expr.fieldName)" [displayDensity]="displayDensity"
                 (onKeyDown)="onChipKeyDown($event)" (onRemove)="onChipRemoved($event)"

projects/igniteui-angular/src/lib/grids/headers/grid-header-group.component.html

@@ -25,7 +25,7 @@
 
 
 <ng-template #defaultColumn>
-    <span class="igx-grid__th-group-title" [attr.title]="columnTitle">{{column.header}}</span>
+    <span class="igx-grid__th-group-title" [title]="columnTitle">{{column.header}}</span>
 </ng-template>
 
 <ng-template #defaultCollapseIndicator>

projects/igniteui-angular/src/lib/grids/headers/grid-header.component.html

@@ -1,5 +1,5 @@
 <ng-template #defaultColumn>
-    <span [attr.title]="columnTitle">{{ column.header || column.field }}</span>
+    <span [title]="columnTitle">{{ column.header || column.field }}</span>
 </ng-template>
 
 <span class="igx-grid__th-title">