FeatureTable 4.30 failing to display grid

[Shingo-Ikeda]

I have recently upgraded my JS API from 4.29.10 to 4.30 and I noticed that FeatureTable is no longer displayed. It shows the record counts at the top (i.e., LayerName (Total: 100 | Selection: 0)); however, the rest of the table is greyed out. 

I have modified and removed all css components; however, it is still not displayed. Its associated feature data (from GeoJsonLayer) is displayed on map component. 

I am using Angular and I am not clear if this is causing the issue.

[Shingo-Ikeda]

Here is the example of the FeatureTable. In 4.29.10, it displays correctly.

[Shingo-Ikeda]

I am using "@angular/core": "16.2.12". @AndyGup, do you think this is something to do with Angular libraries that's causing the failure in the display? 

[Shingo-Ikeda · Accepted solution]

I was able to make it display when I updated stylesheet reference to 4.30 and changed the FeatureTable display to use viewChild as:

html:

<div id="tableWrapper" class="table-wrapper">
  <div #tableContainer></div>
</div>

ts:

@ViewChild('tableContainer', { static: true }) private tableContainerEl!: ElementRef;