gregnb / gregnb/mui-datatables

muidatatable scroll bar reset

Open
#2,025 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.7k
Forks
906
PR merge metrics
No merged PRs in 30d

Description

Currently in the muidatatable component. When pagination is applied and a user moves to another page. The scrollbar stays at the exact same place instead of resetting to the top of the page. For example your table is 100 rows long. You scroll to the bottom of the page and click next you are now at the bottom of the next page instead of at the top. How would you make it so the table starts again at the top of the next page?

## Expected Behavior

## Current Behavior

## Steps to Reproduce (for bugs)

1.
2.
3.
4.

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | |
| MUI-datatables | |
| React | |
| browser | |
| etc | |

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the issue in the muidatatable component with pagination enabled: scroll down, change pages, and observe the scrollbar position. Trace the pagination and table scrolling entry points; done means changing pages reliably returns the table to the top, with the behavior verified in a focused test or reproduction.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.