Angular Kendo-UI 多网格 AutoFitColumns

问：

我正在尝试将 autoFitColumns（） 用于具有两个网格的页面，但它似乎仅适用于第一个网格。我为每个网格使用了两个不同的 id，但它仍然不起作用。有谁知道如何让它们都调整大小？

<kendo-grid #grid [kendoGridBinding]="salesData"
                  kendoGridSelectBy="id"
                  [sortable]="true"
                  [reorderable]="true"
                  [resizable]="true"
                  [rowClass]="rowCallback"
                  [ngStyle]="gridHeight"
                  [columnMenu]="false"> </kendo-grid>
<kendo-grid #grid2 [kendoGridBinding]="salesDataMisc"
              [sortable]="true"
              [reorderable]="true"
              [resizeable]="true"
              [rowClass]="rowCallback"
              [height]="300"
              [columnMenu]="false"> </kendo-grid>

在我的 .ts 文件中，我对 autoFitColumns（） 进行了两次单独的调用（针对每个网格），它们在 ngOnInit（） 期间调用

fitColumns(): void {
this.ngZone.onStable.asObservable().pipe(take(15)).subscribe(() => {
  this.grid.autoFitColumns();      
});
 }
fitMiscColumns(): void {
this.ngZone.onStable.asObservable().pipe(take(15)).subscribe(() => {
  this.grid2.autoFitColumns();
});