PrimeNG数据表排序和分页点击将页面滚动到顶部

时间:2017-06-21 12:37:48

标签: angular primeng

我目前正在使用启用分页功能的PrimeNG Datatable。当我尝试对任何列进行排序或点击分页时,页面会滚动到顶部。

这是因为primeng锚标签默认具有href =“#”,例如

<a class="ui-paginator-page ui-paginator-element ui-state-default ui-corner-all" href="#" ng-reflect-klass="ui-paginator-page ui-paginator" ng-reflect-ng-class="[object Object]">2</a>

有没有办法可以将href值覆盖到href =“#/”之类的其他东西,这会阻止滚动到顶部? PrimeNG不提供任何更新href标签的配置选项。

2 个答案:

答案 0 :(得分:0)

node_modules/primeng/components/datatable/datatable.js中,您可以覆盖href="#"。它弹出了几个不同的地方,因此请确保将所有href="\"#\"替换为href="\"#\\\"。我不确定这会解决您的问题,但这是链接位于您项目中的位置。

答案 1 :(得分:0)

你可以在 node_modules / primeng / components / datatable /

中打开paginator.js

行号:161是你正在搜索的href