Hi,
We have a grid with a small height and we see a horizontal scroll bar when the number of records are more.
PFA the zip file which has the Chrome and IE screenshots taken for the same grid.
We are using IGNITEUI - 20132.2364 and the grid has virtualizations enabled.
On chrome the scroll bar shows a small rectangular box within scroll bar area
but this is not seen on IE11 and the user will not get to know if there are other records and he needs to scroll. This is really painful for the user to scroll as either he has to click and hold on the arrow or use the mouse wheel.
In chrome user can hold the rectangular box and pull it down or up faster to required row.
How can we get the same look on IE 11.
Thanks,
Kiran
Hello Kiran,
Thank you for posting in our community.
I followed your scenario and made a small sample. I added a igGrid with small height and row virtualization enabled. However, I was unable to reproduce the behavior that you are describing. I am attaching this sample for your reference. Please have a look at my application and let me know how it behaves on your side. Whether or not it works correctly may help indicate the nature of this behavior.
If this is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me or send a small sample where the issue is reproducible.
I believe you will also find the following article regarding configuring virtualization useful:
http://www.igniteui.com/help/iggrid-enabling-and-configuring-virtualization#configuring
Please have a look at this topic in order to ensure that all the aspects of virtualization are correctly set.
I hope you find my suggestion helpful.
Please let me know if you have any additional questions regarding this matter.
Hi Vasya - In the sample provided by you, if the height grid is reduced to 100px, there will no scroller inside of scroll bar in IE, but chrome shows a scroller. Thanks
I am glad that you find our suggestion helpful.
Please let me know if you need any further assistance with this matter.
Hi Vasya - After increasing the height of the grid the issue is resolved. Thanks.
Please let us know if you have any additional questions regarding this matter.
This is not related to the igGrid. It can be treated as a third party issue of IE. I was able to reproduce it with a pure html table and I'm attaching a sample with it.
What I can suggest is, to use a grid with bigger height or try to set smaller font-size of the #grid_container, or customize the scrollbar.