Skip to content

feat(MatPaginator): Allow custom content in paginator #22611

Open
@wobkenh

Description

@wobkenh

Hey there,

Feature Description

Add a ng-content tag in the left part of the paginator for custom content. Users could then add additional information like this:

<mat-paginator [length]="100" [pageSize]="10" [pageSizeOptions]="[5, 10, 25, 100]">
  <div>Stuff displayed on the left side!</div>
</mat-paginator>

Use Case

The paginator, depending on the use case, can get quite wide. All controls are aligned to the right side. On the left side, there is a lot of space, which might be used for other information. E.g, imagine a table that lets the user select rows. In the bottom left, one could show the number of selected items - something like this:

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/paginatorfeatureThis issue represents a new feature or feature request rather than a bug or bug fix

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions