gregnb / gregnb/mui-datatables

Add select down breakpoints for stacked responsive.

Open
#1,320 2 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

## Expected Behavior
Add select down breakpoints for stacked responsive.
![image](https://user-images.githubusercontent.com/25742530/84132410-842e0180-aa4e-11ea-90b1-40963eef080d.png)
![image](https://user-images.githubusercontent.com/25742530/84132596-c0f9f880-aa4e-11ea-9c1f-7eb6414de5b4.png)

## 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.