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?
Hi,
i've submitted the idea. Now let's wait.
Regards
I am still following this. Have you been able to submit your product idea?If you have any concerns or questions, please feel free to contact me, I will be glad to help you.Thank you for choosing Infragistics components!
In that case the scrollbar is separate div container, you can remove it by selecting the with following id grid_scrollContainer (where grid is the id of the grid). Because the grid uses that container to scroll the content you will no be able to scroll.
You can suggest this as a new product idea for future versions at http://ideas.infragistics.com.
Steps to create your idea:
1. Log into the Infragistics Product Ideas site at http://ideas.infragistics.com (creating a new login if needed).2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)3. Add your product idea and be sure to be specific and provide as much detail as possible. Explain the context in which a feature would be used, why it is needed, why it can’t be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing!
The benefits of submitting the product idea yourself include:
- Direct communication with our product management team regarding your product idea.- Notifications whenever new information regarding your idea becomes available.
Additional benefits of the product idea system include:- Ability to vote on your favorite product ideas to let us know which ones are the most important to you. You will have ten votes for this and can change which ideas you are voting for at any time.- Allow you to shape the future of our products by requesting new controls and products altogether.- You and other developers can discuss existing product ideas with members of our Product Management team.
The product ideas site allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.