gregnb / gregnb/mui-datatables

Is it possible to use react-vitualized with mui-datable to render more than 1000 custom rows?

Open
#1,857 4 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

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.
![image](https://user-images.githubusercontent.com/76207902/153372830-99471a62-5a5b-404c-8ac8-b2debb52460e.png)
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.