diff --git a/src/lib/paginator/paginator.html b/src/lib/paginator/paginator.html index eac222963d0e..11bc5d24e7e1 100644 --- a/src/lib/paginator/paginator.html +++ b/src/lib/paginator/paginator.html @@ -1,5 +1,5 @@
-
+
{{_intl.itemsPerPageLabel}}
diff --git a/src/lib/paginator/paginator.spec.ts b/src/lib/paginator/paginator.spec.ts index 5bbfb3edcbed..dfc96f977c6c 100644 --- a/src/lib/paginator/paginator.spec.ts +++ b/src/lib/paginator/paginator.spec.ts @@ -264,6 +264,19 @@ describe('MatPaginator', () => { expect(withStringPaginator.pageSize).toEqual(10); expect(withStringPaginator.pageSizeOptions).toEqual([5, 10, 25, 100]); }); + + it('should be able to hide the page size select', () => { + const element = fixture.nativeElement; + + expect(element.querySelector('.mat-paginator-page-size')) + .toBeTruthy('Expected select to be rendered.'); + + fixture.componentInstance.hidePageSize = true; + fixture.detectChanges(); + + expect(element.querySelector('.mat-paginator-page-size')) + .toBeNull('Expected select to be removed.'); + }); }); function getPreviousButton(fixture: ComponentFixture) { @@ -279,6 +292,7 @@ function getNextButton(fixture: ComponentFixture) { @@ -288,6 +302,7 @@ class MatPaginatorApp { pageIndex = 0; pageSize = 10; pageSizeOptions = [5, 10, 25, 100]; + hidePageSize = false; length = 100; latestPageEvent: PageEvent | null; diff --git a/src/lib/paginator/paginator.ts b/src/lib/paginator/paginator.ts index 3739a5614fa6..e6a7721bced0 100644 --- a/src/lib/paginator/paginator.ts +++ b/src/lib/paginator/paginator.ts @@ -97,6 +97,9 @@ export class MatPaginator implements OnInit, OnDestroy { } private _pageSizeOptions: number[] = []; + /** Whether to hide the page size selection UI from the user. */ + @Input() hidePageSize = false; + /** Event emitted when the paginator changes the page size or page index. */ @Output() page = new EventEmitter();