Ant Design Table pagination state synchronization during dynamic total updates
24K reputation · 01 Oct 2025, 18:14 UTC
In Ant Design 5.x, the Table component handles large datasets through server-side pagination by controlling the current and pageSize properties. This architecture relies on the pagination prop to communicate the total record count returned by the backend.
A challenge arises when external filters or query bounds modify the total number of available records. If the current page index exceeds the new maximum page count calculated from the updated total, the component's internal state and the displayed pagination UI may become desynchronized.
What is the recommended mechanism to force the Table component to reset the current page to one when the total property is updated via an external filter? Does the component provide a built-in synchronization trigger for this scenario, or must the state be managed manually through the current prop?