Hello,
i'd like to know whether it is possible to hide the scrollbar in the grid. I tried different ways with css, but none of them really worked. My problem is that i am not configuring one static grid, most of the grids appearance is dynamic (like displayed columns/column-widths, fonts, grid-line width, etc.) and can be changed by the user.
Mostly my attempts led to parts of the grid beeing cut off and/or an offset between the headers and the columns when scrolling. Is there any clean solution?
Thanks in advance
Lorenz
Hello Lorenz,
Thank you for contacting Infragistics Developer Support!
In order to display the scrollbar igGrid have its overflow-y property set to auto. Basically, this means that when the content of the container is bigger than the container a scrollbar will appear. In case you would like to avoid this the property value could be set to hidden and it will remove the scrollbar. This can be achieved by using .ui-iggrid-scrolldiv.ui-widget-content (refer to http://help.infragistics.com/jQuery/2014.2/ui.igGrid#theming:ui-iggrid-scrolldiv ui-widget-content) class and do not forget to add !important to override the default style. This is the approach to hide a scrollbar of an HTML container due to HTML5 and browser limitation. Please keep in mind that hiding the scrollbar can lead to some user unfriendly experience for the Desktop users. However, if your concerns are hiding the scrollbar for the mobile users, the grid automatically handles that and renders differently.
Hello Dennis,
thank you for your answer. Too bad i forgot to mention that i'm using the grid with virtualization enabled. It seems that your solution does not work in that case. Is it possible in that case too?