gregnb / gregnb/mui-datatables
How to make Scrollbar slim and auto hide
- Dominant language
- JavaScript
- Stars
- 2.7k
- Forks
- 906
- PR merge metrics
- No merged PRs in 30d
Description
Hi everybody
I had been using mui-datatables 2.14 and scrollFullHeightFullWidth option
But I have a question
How to make scrolbar in mui-datatables slim and auto hide,
I think it so good for mobile view
Example: Using react-free-scrollbar package to hide and slim scrollbar in React App
Online example https://liuhao.im/react-free-scrollbar/ => Control scrolling position
## Your Environment
| Tech | Version |
|--------------|---------|
| Material-UI | 4.8.3 |
| MUI-datatables | 2.14.0 |
| React | |
| browser | FF, Chrome |
| etc | |
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reviewing the scrollFullHeightFullWidth option and the linked react-free-scrollbar example to understand the current table scrolling behavior. The work is complete when the mui-datatables scrollbar is slim and automatically hidden, particularly for mobile views, with the requested behavior verified in supported browsers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100