fix datagrid column resize on rtl mode

[ehsangfl]

Pull Request

📖 Description

on RTL mode, the resize-handle div should display at the end of column (left)
Additionally, when the user starts to drag the actual-resize-handle element,
Increasing or decreasing the column width should be the opposite of left-to-right.

🎫 Issues

resize-handle rendered at the start of column
drag does not behave as expected

👩‍💻 Reviewer Notes

📑 Test Plan

✅ Checklist

General

• I have added tests for my changes.
• I have tested my changes.
• I have updated the project documentation to reflect my changes.
• I have read the CONTRIBUTING documentation and followed the standards for this project.

Component-specific

• I have added a new component
• I have added Unit Tests for my new component
• I have modified an existing component
• I have validated the Unit Tests for an existing component

[vnbaaij]

This is not a good fix in it's current form.

The only thing that is needed to make RTL resizing work correctly is that in the script on lines 301 and 305 the 'px' need to be removed (so it just says div.style.left='0' and div.style.right='0').

There are no CSS changes needed and the calculation on line 259 is already correct. Your change would lead to the same result for the diffX value

[vnbaaij]

Fixed with #4453