gregnb / gregnb/mui-datatables
Is it possible to use react-vitualized with mui-datable to render more than 1000 custom rows?
- Dominant language
- JavaScript
- Stars
- 2.7k
- Forks
- 906
- PR merge metrics
- No merged PRs in 30d
Description
I have a slow rendering problem, I am trying to render more than 1000 rows with more than 12 columns. Using customBodyRenderLite doesnt help with this issue. So is there a way to improve rendering performance with react-virtualized?
this is a look-a-like example of what mine looks like.

source: https://dribbble.com/shots/6938860-Orders-List/attachments/11349975?mode=media
## Expected Behavior
I am want my table to render within 2 seconds
## Current Behavior
now it's rendering more than 15 seconds
## Your Environment
| Tech | Version |
|--------------|---------|
| Material-UI | 4.12.3 |
| MUI-datatables | 3.8.2 |
| React | 17.0.2 |
| browser | Chrome |
Contributor guide
No contributing guide indexed for this repository
Research direction
Reproduce the reported table with React 17.0.2, MUI-datatables 3.8.2, Material-UI 4.12.3, and Chrome, using more than 1,000 rows and 12 columns. Compare the current rendering time of over 15 seconds with the expected two seconds; the issue does not name a source file or test to inspect.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 18/100