fix click handlers on data tables (#5087)

src/panels/config/zha/zha-devices-data-table.ts

@@ -101,9 +101,9 @@ export class ZHADevicesDataTable extends LitElement {
   }
 
   private async _handleClicked(ev: CustomEvent) {
-    const ieee = (ev.target as HTMLElement)
-      .closest("tr")!
-      .getAttribute("data-row-id")!;
+    const ieee = ((ev.target as HTMLElement).closest(
+      ".mdc-data-table__row"
+    ) as any).rowId;
     showZHADeviceInfoDialog(this, { ieee });
   }
 }

src/panels/config/zha/zha-groups-data-table.ts

@@ -110,9 +110,9 @@ export class ZHAGroupsDataTable extends LitElement {
   }
 
   private _handleRowClicked(ev: CustomEvent) {
-    const groupId = (ev.target as HTMLElement)
-      .closest("tr")!
-      .getAttribute("data-row-id")!;
+    const groupId = ((ev.target as HTMLElement).closest(
+      ".mdc-data-table__row"
+    ) as any).rowId;
     navigate(this, `/config/zha/group/${groupId}`);
   }
 }