Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Under Review
Last Updated: 13 Dec 2023 09:07 by ADMIN
Marcu
Created on: 12 Dec 2023 12:31
Category: KendoReact
Type: Bug Report
0
Grid pagination is not working when rowHeight property is used

Hello,

We have recently upgraded our packages to version: "@progress/kendo-react-grid": "^6.1.0". While testing the new look and feel of the application we've noticed that the pagination is no longer working on several grids from the application. After investigating for a while, we have found the property that is causing the issue(rowHeight), please take a look at the Stackblitz example from below.

https://stackblitz.com/edit/react-wwzkjy?file=app%2Fmain.tsx

As you can see, in the example the pagination is not working. If we remove the property "rowHeight" from the grid the pagination is working again. We are not sure how these two are related but can you tell us what is going wrong and how we can fix it?

Thanks!

1 comment
ADMIN
Konstantin Dikov
Posted on: 13 Dec 2023 09:07

Hello Marcu,

Thank you for contacting us.

For resolving the issue you can either remove the "total" property of the Grid, which value is taken from the dataResult set in the data (due to its {data: [], total:} structure), or you can set the "data" property of the Grid to be set to "dataResult.data":

        <Grid
          style={{ height: '500px' }}
          pageable={{ pageSizes: true }}
          data={dataResult.data}
          sortable={true}
          total={resultState.total}

Both of the approaches will resolve the paging issue.

Nevertheless, we will definitely further investigate the case and see if we can add internal logic to resolve this breaking change.

 

Regards,
Konstantin Dikov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Create an account Log In
View
Type
Status
Category