Skip to content

[Bug] ResponsiveDataTable renders incorrect pagination when server-side dataset shrinks #1804

Description

@hiyach28

Current Behavior

When ResponsiveDataTable is used with serverSide: true, the pagination state can become invalid when the dataset count decreases while the user is on a higher page.

As a result, the pagination footer may display incorrect values for the current range and total number of items, such as 1-15 of 15.

Related to meshery/meshery#21469

Expected Behavior

The pagination should always reflect the current dataset:

  • The current page should remain within the valid page range.
  • The displayed range should correspond to the rows currently available.
  • The total item count should match the actual dataset.
  • When the dataset shrinks and the current page becomes invalid, the table should automatically move to the last valid page and synchronize the pagination state with the consuming component.

Screen Recording

Settings._.Meshery.-.18.August.2026.mp4

Steps to Reproduce

  1. Open a table using ResponsiveDataTable with server-side pagination enabled.
  2. Navigate to a higher page.
  3. Reduce or reset the table data so that the current page is no longer valid.
  4. Observe the pagination footer.

Environment

  • Sistent Version: master
  • Component: ResponsiveDataTable
  • Pagination: Server-side (serverSide: true)
  • Browser: any

Contributor Guides and Resources

Metadata

Metadata

Assignees

Labels

kind/bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions