CSS Styling is missing

I searched stackoverflow and found a similar problem back in january and till now no good viable answer. I am not sure if it’s an issue or a bug.

Problem:

• First one is the normal rendering. It contains all styles and such with proper styling.
• Second one is the one where I tried to use Link, AutoScroll, Table, Column and whatnot element got the same screwed result. It simply loses the styles, also there is a problem with key property.
• I used the dummy plukr provided with the issue template and it screwed up as soon as I provided a nested element.
• Passing style can be done, that works neatly but passing anything with a className simply stops working.

I did not find any proper docs regarding this, I am not sure if I missed something really simple. What can be the issue and how can this be solved?

Here is the plukr link: https://plnkr.co/edit/fOa2pPGBit92W5eOmxF1?p=preview

[wuweiweiwu]

@entrptaher The issue is on this line

      rowRenderer={({ index, isScrolling, key, style }) => (

you need to apply the style to each of your rows. That styling is used to absolute position elements. within the virtualized List

Hope that helps!

[wuweiweiwu]

className for Grid is applied to the root element as specified in the doc.

https://github.com/bvaughn/react-virtualized/blob/master/source/Grid/Grid.js#L1034

If you would like to submit a PR feel free!