gregnb / gregnb/mui-datatables
Add select down breakpoints for stacked responsive.
- Dominant language
- JavaScript
- Stars
- 2.7k
- Forks
- 906
- PR merge metrics
- No merged PRs in 30d
Description
## Expected Behavior
Add select down breakpoints for stacked responsive.


## Current Behavior
Now breakpoint stackedCommon breakpoints.down("sm").
If the number of columns in the table is small, then it is better to leave the table in its original form.
To solve the problem you have to change breakpoints in createMuiTheme. So that the full table is visible on the phone in a horizontal position.
```
const Themes = createMuiTheme({
breakpoints: {
values: {
xs: 0,
sm: 400,
md: 600,
lg: 1280,
xl: 1920,
},
},
overrides: overrides,
} as ThemeOptions)
```
```
```
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by locating the stackedCommon responsive logic that currently uses breakpoints.down("sm"), then compare it with the createMuiTheme breakpoint configuration shown in the issue. Done means tables with few columns remain in their original horizontal layout at the intended breakpoint, while wider tables still use stacked responsive behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100