DevExpress / devextreme-reactive

Business React components for Bootstrap and Material-UI

Home Page:https://devexpress.github.io/devextreme-reactive/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

rows Update Displays All Rows and ignores Page Sizing (CustomPaging inconsistent With Page Sizing)

ogheneovo12 opened this issue · comments

Is there an existing issue for this?

  • I have searched this repository's issues and believe that this is not a duplicate.

I'm using ...

React Grid

Current Behaviour

whenever i update the rows state, the grid displays all rows, while maintaining it's pageSize, i.e, i have a page size of 10 , initial row length was 10, updating row length 700, the tables shows all 700 rows, but still maintains a page size of 10.

Expected Behaviour

rows should get updated, and only 10 row items should be displayed, while maintaining the page size of 10.

Steps to Reproduce

https://codesandbox.io/s/devextreme-react-grid-for-bootstrap-4-forked-yen7z7?file=/index.js

Environment

  • devextreme-reactive: 3.0.4
  • react: 18
  • browser: chrome
  • bootstrap: 4
  • react-bootstrap: none
  • material-ui: none

Hi,
The CustomPaging plugin is only used for remote paging, i.e in the page displays all rows requested from the server. Please refer to the documentation for more information. For your case, the IntegratedPaging plugin is more suitable.