Angular 素描-如何获得一个超链接导航到页面与表和滚动到一个特定的表项目？

我想单击一个菜单项，导航到另一个页面，该页面有一个priming

p-dataTable

，并滚动到链接对应的

p-dataTable

上的项目。（使用的打底版本为4.0.3）

有了这段代码，我可以在两个实例上正确地导航到新页面，无论是否使用项目id

及

，但如何使表格滚动到该项目？或者这个特殊的预处理

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>

{{product.description}}


查看所有产品

和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>

{{product.id}
描述
{{product.description}}

---

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

您尝试过使用方法吗？显然，scrollIntoView仅适用于primefaces数据表，而不适用于primeng数据表。它未链接到primeng或Angular，请检查此链接：