paginatorの行にカスタムテキストを追加できるかどうかを知りたいと思います。具体的には、右側にテーブルのヒット数を合計したいと思います。primeng paginatorにカスタムテキストを追加する方法
あなただけ手動でテーブルの下にそれを追加することができ
5
A
答えて
1
...
<p-dataTable
#myCoolTable>
...
</p-dataTable>
<div style="position: absolute; bottom: 5px; right: 20px;">
filtered {{ myCoolTable.totalRecords }} from a total count of {{ myCoolTable.value.length }}
</div>
totalEntriesCountがサーバーからデータをフェッチするときにコンポーネントによって設定されている
...
するスタイルのものを移動することを忘れないでくださいあなたのscss/less/cssに! ;)
編集:フィルタされていないデータ数も値の長さに格納されます。 外部からテーブルにアクセスできない可能性があるため、コンポーネント内にViewChild('myCoolTable') myCoolTable;
として宣言することができます。
2
Paginator行内にカスタムテキストを追加することはできません。しかし、あなたはそれ以外の場合は、あなたがこれは
<p-dataTable [value]="data" [paginator]="false">....
<p-column field="Col1" header="Column 1"><p-column>
<p-footer>total Hits: {{totalHits}}</p-footer>
</p-dataTable>
<p-paginator rows="10" totalRecords="120" [rowsPerPageOptions]="[10,20,30]"></p-paginator>
0
例えば、ページネータを別々にすることでページネータの上、合計ヒットを追加することができます
として、テーブル内のフッターを使用してちょうどページネータ下の総ヒットを追加することができます
<p-dataTable
[value]="myRecords"
rows="10"
[pageLinks]="5"
[paginator]="false"
[lazy]="true"
[totalRecords]="totalRecordsCount"
(onLazyLoad)="loadData($event)"
[responsive]="true">
<p-column field="" header="test"></p-column>
</p-dataTable>
<div style="position: relative;">
<p-paginator rows="10"
(onLazyLoad)="loadData($event)"
(onPageChange)="loadData($event)"
[totalRecords]="totalRecordsCount"
[rowsPerPageOptions]="[10, 25]">
</p-paginator>
<span style="position: absolute; top:3px; right:5px; margin: 5px;">Total records: {{totalRecordsCount}} </span>
</div>
関連する問題
- 1. 角型Primeng Datatable Paginatorボトムアンカー
- 2. NSIS:ステータステキストボックスにカスタムテキストを追加する
- 3. コンタクトフォーム7のカスタムテキストを追加するワードプレスプラグイン
- 4. AX 2012ドリルダウンリンクにカスタムテキストを追加
- 5. Storefrontテーマwoocommerceのヘッダーカートの価格の前にカスタムテキストを追加する方法
- 6. PrimeNG FileUploadデータ転送に追加情報を追加
- 7. primengツリーコンポーネントを初期化する方法
- 8. EditTextにアイテムを追加するクロスボタンを追加する方法
- 9. UItableviewの最後にカスタムテキストのフッタービューを表示する方法
- 10. Djangoのpaginatorモジュールの最適化方法
- 11. jqgridのアクションボタンの前に追加ボタンを追加する方法
- 12. ココアタッチスタティックライブラリに追加を追加する方法
- 13. firebase.auth()に追加情報を追加する方法
- 14. リソースコントローラーに追加のルートを追加する正しい方法
- 15. カスタムモジュールの[カートに追加]を追加する方法
- 16. Jenkins - 追加フォルダをサブフォルダに追加する方法。画像
- 17. コンポーネントContextMenuのprimeNGに属性appendToを使用する方法は?
- 18. ボタンにリストボックスを追加する方法
- 19. NetBeans:JPanelにScrollBarを追加する方法
- 20. AutoCompleteTextViewにローディングインジケータを追加する方法
- 21. FrameLayoutをListViewに追加する方法
- 22. グラフィックをC++に追加する方法
- 23. システムトレイにアプリケーションを追加する方法
- 24. リソースルートにカスタムルートを追加する方法
- 25. "form_for"にカレンダーを追加する方法
- 26. QLPreviewControllerにボタンを追加する方法
- 27. アプリにAdSenseを追加する方法
- 28. ツールバーにtextFieldを追加する方法
- 29. テーブルビューコントローラにイメージを追加する方法
- 30. カスタムイベントをデータテーブルに追加する方法
こんにちは、行数(例:Show [5] entries)の周りにテキストを追加する必要があります。誰か助けてくれますか? – anusreemn