Диалог передачи HTML в мат - угловой материал

Я пытаюсь передать HTML в диалоговое окно mat, но в диалоговом окне отображается [object HTMLTableElement] вместо HTML таблицы.

Шаги, которые я пробовал:

1. Сделал ссылку на элемент в шаблоне, как показано ниже:

   <table hidden #contentTable><th></th><tr></tr></table>
   

2. Доступ к ViewChild в компоненте как

   @ViewChild('contentTable', { read: ElementRef }) contentTable: ElementRef<any>;
   

3. Передал это как данные в DialogComponent как

   const tableData = this.contentTable.nativeElement;
   const dialogRef = this.dialog.open(GeneralDialogComponent, {
       panelClass: 'customDialog',
        data: {
           title: `${data.count}`,
           content: tableData
        }
   });
   

4. В DialogComponent осуществляется доступ к содержимому данных, как показано ниже:

   // method in component
   getHtml(html) {
      return this.domSanitizer.bypassSecurityTrustHtml(html);
   }
   

5. Затем в HTML, доступном так:

   <div [innerHTML]="getHtml(data?.content)"></div>
   

но он не печатает таблицу, а печатает [object HTMLTableElement].

Снимок экрана, как показано ниже:

Какие-нибудь зацепки, пожалуйста?