fix(table): Hover over expandable row does not highlight parent row

Author: youda97

src/table/table.component.ts

@@ -375,6 +375,8 @@ import { I18n } from "./../i18n/i18n.module";
 						[ibmDataGridFocus]="isDataGrid"
 						[(columnIndex)]="columnIndex"
 						[attr.colspan]="row.length + 2"
+						(mouseenter)="addHoverClass($event)"
+						(mouseleave)="removeHoverClass($event)"
 						(click)="setExpandIndex($event)">
 						<ng-container *ngIf="!firstExpandedTemplateInRow(row)">{{firstExpandedDataInRow(row)}}</ng-container>
 						<ng-template
@@ -913,6 +915,14 @@ export class Table implements AfterViewInit {
 		this.model.isEnd = false;
 	}
 
+	addHoverClass(event) {
+		event.target.closest("tr").previousElementSibling.classList.add("bx--expandable-row--hover-v2");
+	}
+
+	removeHoverClass(event) {
+		event.target.closest("tr").previousElementSibling.classList.remove("bx--expandable-row--hover-v2");
+	}
+
 	handleTabIndex() {
 		setTimeout(() => {
 			const focusElementList = getFocusElementList(this.elementRef.nativeElement, tabbableSelectorIgnoreTabIndex);