Material-ui: [Table] Very laggy when create more than 20 rows on Chrome

[mayagamer]

I tried create 20 rows in a table on Chrome. It becomes very slow to select any rows. But It is ok on Safari.
I don't know if that's the Chrome's problem.

[mayagamer]

It turns out affect Chrome on all platforms

[oliviertassinari]

My best guess here is that we have a rerendering issue. Implementing the shouldComponentUpdate may help.

[baubie]

I thought I had this problem too but then I realized it only happened when I had the React Dev tools activated. I'm working with a table ~550 rows.

[zachguo]

For me, it's laggy only when React Dev tools is enabled.

[peterpuzos]

Table performance is definitely extremely laggy. Even at 100 rows, it's pretty slow which is kind of unacceptable. Had to move to facebook's fixed-data-table but ideally these performance are addressed in Material UI.

[joyfulelement]

When Checkbox is used for table row selection, the performance degrades further more, which makes the table unusable after 50 rows on Chrome. The performance issue of Checkbox has been reported with #2832

[siegesmund]

Also having this problem. I've removed React Dev Tools completely and the problem persists. I removed check boxes, and the problem gets a bit better. When I disable selectability (and manually respond to row taps) the problem goes away completely. I've tested this in the latest versions of Chrome, Firefox and Safari, with no difference in the result. I've tried v. 14.4 and 15.0 alpha 2.

[nathanmarks]

Covered by #2832 and #3289

[nguyenbathanh]

Found a solution on SA and it works perfectly:
https://stackoverflow.com/a/37025337/1550476