Thanks to visit codestin.com
Credit goes to github.com

Skip to content

MudTable: Add Pager Options#13176

Merged
danielchalmers merged 6 commits into
MudBlazor:devfrom
omarkurtovic:feature/mudtable-pager-options
Jun 18, 2026
Merged

MudTable: Add Pager Options#13176
danielchalmers merged 6 commits into
MudBlazor:devfrom
omarkurtovic:feature/mudtable-pager-options

Conversation

@omarkurtovic

Copy link
Copy Markdown
Contributor

Picking this up from #10862 since it got stale and developed merge conflicts. This fully implements the request from #2775 to allow rendering the pager at the top, bottom, or both.

Changes:

  • Replaced the proposed boolean with a PagerPosition enum (Bottom, Top, TopAndBottom). Defaults to Bottom to prevent breaking changes.

  • Added a .mud-table-pagination-top CSS class so the border logic flips correctly when stacked under ToolBarContent.

  • Added interactive toggle to the TablePaginationExample in the docs.

  • Replaced the previous property-check tests with bUnit tests that assert the actual DOM rendering order (Toolbar -> Pager -> TableContainer).

A quick glace:

Screen.Recording.2026-05-06.153536.mp4

Closes #2775

@mudbot mudbot Bot added API change Modifies the public API surface in a non-breaking way (ex: adds a new property) enhancement Adds a new feature or enhances existing functionality (not fixing a defect) in the main library labels May 6, 2026
@danielchalmers danielchalmers requested review from Copilot and versile2 May 6, 2026 15:44
@danielchalmers danielchalmers requested review from Copilot and removed request for Copilot May 7, 2026 02:06

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 8 out of 8 changed files in this pull request and generated 3 comments.

Comment thread src/MudBlazor/Components/Table/MudTable.razor
Comment thread src/MudBlazor/Components/Table/MudTableBase.cs Outdated
Comment thread src/MudBlazor.UnitTests.Viewer/TestComponents/Table/TablePagerPositionTest.razor Outdated
@omarkurtovic

Copy link
Copy Markdown
Contributor Author

The requested changes have been implemented. PagerStateHasChanged has been updated to avoid desync issues with two pagers. The IDisposable pattern has also been implemented for the event, similar to MudDataGridPager.

It seems like codecov is complaning about the !disposing path of the Dispose method on the pager. I'm not too sure if a test is needed for this, I can see that a simliar warning is present for the MudDataGridPager.

@cameronbellOSE

Copy link
Copy Markdown

This looks great, and precisely what I've just been looking for. Any clue when this might be merged / make it into a release?

@mudbot mudbot Bot added the awaiting triage Needs maintainer review or assistance label Jun 3, 2026

@versile2 versile2 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. Good work!

V

@versile2 versile2 requested a review from danielchalmers June 18, 2026 19:54
@danielchalmers danielchalmers removed the awaiting triage Needs maintainer review or assistance label Jun 18, 2026
@danielchalmers

Copy link
Copy Markdown
Member

Thank you!

@danielchalmers danielchalmers merged commit a946d28 into MudBlazor:dev Jun 18, 2026
9 of 10 checks passed
@cameronbellOSE

Copy link
Copy Markdown

🕺

This was referenced Jul 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

API change Modifies the public API surface in a non-breaking way (ex: adds a new property) enhancement Adds a new feature or enhances existing functionality (not fixing a defect) in the main library

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Allow placement of MudTable pager at top, bottom, or both

5 participants