PrimeNG-如何获取超链接以导航到带有表的页面并滚动到特定的表项？

Question

我想单击一个菜单项，导航到另一个具有PrimeNG p-dataTable的页面，然后滚动到该链接所对应的p-dataTable上的项目。 （使用的PrimeNG版本为4.0.3）

使用此代码，无论有没有项目ID，我都能在两个实例上正确导航到新页面

http://localhost:4200/products?warehouseId=29和 http://localhost:4200/products/14?warehouseId=29

，但是如何使表格滚动到该项目？还是这个特定的PrimeNG p-datatable不提供这种功能？

例如，我的菜单项具有类似的内容

<div *ngFor="let product of products">                          
    <li>
       <div>
          <a [routerLink]="['/products', product.id]" [queryParams]="{ warehouseid: warehouse.id }">{{product.description}}</a>
       </div>
    </li>
</div>
<li>
    <a [routerLink]="['/products']" [queryParams]="{ warehouseid: warehouse.id }">View All Products</a>
</li>

p-dataTable 有

<p-dataTable [value]="products" dataKey="id" #dt>
    <p-column field="id" [style]="{ 'width': '0%' }" [hidden]="true">
       <ng-template pTemplate="body" let-product="rowData">
          <div>{{product.id}}</div>
       </ng-template>
    </p-column>                  
    <p-column field="description" [style]="{ 'width': '50%' }" [sortable]="true">
       <ng-template pTemplate="header">
          <span>Description</span>
       </ng-template>
       <ng-template pTemplate="body" let-product="rowData">
          <div>{{product.description}}</div>
       </ng-template>
    </p-column>        
</p-dataTable>

另外，以防万一，在此项目中不允许使用jQuery。