#7713 for DataView

primefaces · Jun 3, 2019 · 8b828d7 · 8b828d7
1 parent 49487b4
commit 8b828d7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/app/components/dataview/dataview.ts b/src/app/components/dataview/dataview.ts
@@ -18,7 +18,7 @@ import {BlockableUI} from '../common/blockableui';
             </div>
             <p-paginator [rows]="rows" [first]="first" [totalRecords]="totalRecords" [pageLinkSize]="pageLinks" [alwaysShow]="alwaysShowPaginator"
                 (onPageChange)="paginate($event)" styleClass="ui-paginator-top" [rowsPerPageOptions]="rowsPerPageOptions" *ngIf="paginator && (paginatorPosition === 'top' || paginatorPosition =='both')"
-                [dropdownAppendTo]="paginatorDropdownAppendTo" [templateLeft]="paginatorLeftTemplate" [templateRight]="paginatorRightTemplate"
+                [dropdownAppendTo]="paginatorDropdownAppendTo" [dropdownScrollHeight]="paginatorDropdownScrollHeight" [templateLeft]="paginatorLeftTemplate" [templateRight]="paginatorRightTemplate"
                 [currentPageReportTemplate]="currentPageReportTemplate" [showCurrentPageReport]="showCurrentPageReport"></p-paginator>
             <div class="ui-dataview-content ui-widget-content">
                 <div class="ui-g">
@@ -30,7 +30,7 @@ import {BlockableUI} from '../common/blockableui';
             </div>
             <p-paginator [rows]="rows" [first]="first" [totalRecords]="totalRecords" [pageLinkSize]="pageLinks" [alwaysShow]="alwaysShowPaginator"
                 (onPageChange)="paginate($event)" styleClass="ui-paginator-bottom" [rowsPerPageOptions]="rowsPerPageOptions" *ngIf="paginator && (paginatorPosition === 'bottom' || paginatorPosition =='both')"
-                [dropdownAppendTo]="paginatorDropdownAppendTo" [templateLeft]="paginatorLeftTemplate" [templateRight]="paginatorRightTemplate"
+                [dropdownAppendTo]="paginatorDropdownAppendTo" [dropdownScrollHeight]="paginatorDropdownScrollHeight" [templateLeft]="paginatorLeftTemplate" [templateRight]="paginatorRightTemplate"
                 [currentPageReportTemplate]="currentPageReportTemplate" [showCurrentPageReport]="showCurrentPageReport"></p-paginator>
             <div class="ui-dataview-footer ui-widget-header ui-corner-bottom" *ngIf="footer">
                 <ng-content select="p-footer"></ng-content>
@@ -58,6 +58,8 @@ export class DataView implements OnInit,AfterContentInit,BlockableUI {
 
     @Input() paginatorDropdownAppendTo: any;
 
+    @Input() paginatorDropdownScrollHeight: string;
+
     @Input() currentPageReportTemplate: string = '{currentPage} of {totalPages}';
 
     @Input() showCurrentPageReport: boolean;

diff --git a/src/app/showcase/components/dataview/dataviewdemo.html b/src/app/showcase/components/dataview/dataviewdemo.html
@@ -458,6 +458,12 @@ <h3>Properties</h3>
                             <td>null</td>
                             <td>Target element to attach the paginator dropdown overlay, valid values are "body" or a local ng-template variable of another element.</td>
                         </tr>
+                        <tr>
+                            <td>paginatorDropdownScrollHeight</td>
+                            <td>string</td>
+                            <td>200px</td>
+                            <td>Paginator dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.</td>
+                        </tr>
                         <tr>
                             <td>currentPageReportTemplate</td>
                             <td>string</td>

diff --git a/src/app/showcase/components/table/tabledemo.html b/src/app/showcase/components/table/tabledemo.html
@@ -2506,7 +2506,7 @@ <h3>Properties</h3>
                         <tr>
                             <td>paginatorDropdownScrollHeight</td>
                             <td>string</td>
-                            <td>null</td>
+                            <td>200px</td>
                             <td>Paginator dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.</td>
                         </tr>
                         <tr>