如何在工具提示上添加鼠标到PrimeNG数据表分页？

Question

我正在开展一个项目，我需要提供鼠标悬停工具提示以进行分页。

有没有办法在prevNG数据表分页旁边添加prev的工具提示？

Answer 1

我没有找到如何在PrimeNG文档中覆盖它，但你可以做的是从你的组件中动态添加工具提示。

拳头，您必须选择要添加工具提示的链接。我们来看看“下一个按钮”吧。如果你检查它，你会发现它有一个名为 ui-paginator-last 的类，所以为了选择这个链接，使用 querySelector 方法：

this.paginatorLastSelector = <HTMLElement>document.querySelector("a.ui-paginator-last");

然后，让我们在该链接中添加标题，以便创建工具提示：

this.paginatorLastSelector.title = 'Next';

Demo