Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Pagination component did not show the page range and row count #1479

Open
@wwu2008

Description

material-react-table version

3.2.1

react & react-dom versions

Material UI V7.0.0; React and React-Dom v18.0.0

Describe the bug and the steps to reproduce it

MRT pagination component in bottom toolbar do not show page range and rowCount like '0-25 of 200' the table using default client pagination it does show page selection dropdown and page navigation button but it did not show the page range and total row number (rowCount). From V3 doc pagination demon it should show this feature, I did try manual pagination but still problem, console log table instance table.getRowCount() after page loading completed the log does show the correct total row number but no page range and rowCount display

Minimal, Reproducible Example - (Optional, but Recommended)

code snippet:

const table = useMaterialReactTable({
.....
enablePagination: true,
paginationDisplayMode: 'pages',
muiPaginationProps: {
color: 'primary',
shape: 'rounded',
showRowsPerPage: true,
variant: 'outlined',
},
....

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

None

Terms

  • I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions

        AltStyle によって変換されたページ (->オリジナル) /