Ant Design Table Server-Side Pagination Synchronization When Total Records Change
0 reputation · 16 Aug 2025, 22:20 UTC
Server-side pagination with Ant Design Table requires careful state management when the total record count changes during filtered queries.
The Table component in version 5.x supports server-side pagination through a configuration object passed to the pagination prop. This setup expects the parent component to manage current page state and pageSize, triggering API requests on onChange events.
When implementing filtered searches or dynamic queries, the total record count may decrease significantly. If the current page index exceeds the new total, the Table renders an empty state instead of the last valid page.
The documentation does not clearly specify whether the Table component should automatically adjust to a valid page when the total changes, or if developers must implement this logic manually. The onChange callback provides page and size parameters, but there is no built-in mechanism to reset or clamp the current page when the dataset bounds shift.
Should developers always manually check and reset the current page when the total record count changes, or is there a recommended pattern within Ant Design to handle this boundary condition? Does the Table component offer any props or lifecycle hooks to manage this synchronization automatically?
antdesign