RTL Support

While Grid displays cells with RTL languages since https://github.com/bvaughn/react-virtualized/commit/7595de7cf7dc8beef39b6383f8fbbeb0f5f9eddf, it doesn’t actually display them in an RTL way. Ideally, when in RTL mode, all logic should be reversed so that the first cell appears on the right of the grid, etc.

A “hacky” way of achieving this has been suggested by mirroing both the gird and the cell via styleing both with transform: rotateY(180deg);. This needs to be investigated for possible performance cost. Additionally, while the cells are displayed correctly with this style, it is unclear if scrolling is in the intended direction.

edit: Once this is addressed, direction should be removed by default as this breaks other layouts

[cmacdonnacha]

Hey, any update on this one?

[michaelgaigg]

I’m hacking it through CSS right now:

.ReactVirtualized__Grid, .ReactVirtualized__List { direction: inherit !important; }