'Resizing columns bug in Material-UI X-Grid when using in RTL
Resizing columns does not work properly when using Material UI X-Grid component with RTL theme.
Accepted- dragging the LEFT portion of the column separator to the left will expand the column.
Actual- dragging the LEFT portion of the column separator to the left shrinks the column.
How can I fix it?
Solution 1:[1]
Actually, you can just wrope it with tag like this:
<div style={{direction:'rtl'}}>
...
</div>
Then your dragging portion is correct but MUI has a bug there so it's not dragging correctly.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | YoramR |