PrimeNG datatableのページ区切りにマウスのツールチップを追加するには？私は、ページネーションにマウスオーバーツールチップを提供する必要があるプロジェクトに取り組んで

Question

I'am。

以前のPrimeNGデータテーブルのページ付けの横にツールチップを追加する方法はありますか？

Answer 1

私はPrimeNG docでこれをオーバーライドする方法が見つかりませんでしたが、あなたのコンポーネントからツールチップを動的に追加することができます。

Fistでは、ツールチップを追加するリンクを選択する必要があります。 「次のボタン」に行きましょう。あなたはそれを点検した場合、あなたはそれがこのリンクを選択するためにそうUI-ページネータ - 最後をという名前のクラスを持っています、querySelectorメソッドを使用します。

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

それでは、タイトルを追加してみましょうをリンクしてそれがツールヒントを作成するように：

this.paginatorLastSelector.title = 'Next'; 

Demo

を