I tried implementing the scroll bar in the left side of the igGrid. I used the following code :
$("#Grid1_scroll").css("direction", "rtl");
$("#Grid1").css("direction", "ltr");
After implementing the above code the alignment between the header and rows of the grid got misaligned. Can someone let me know how to fix this?
Is there any other way out to implement the scroll bar to the left of the grid?
Hello Dipannita,
Thank you for contacting Infragistics!
The reason the header are misaligned with the columns is the grid expects the scroll bar to be on the right so it doesn’t compensate for it when it is on the left. You can compensate for it by adding a margin-left to the ui-iggrid-headertable CSS class. When I run this a margin-left of 20px seems to work you will want to test this to see if this makes your headers and columns line up.
Please let me know if you have any further questions concerning this matter.
I am following up to see if the information provided has resolved this matter.
Please let me know if I may be of further assistance with this matter.