Hide IgxGrid Vertical Scrollbar and Show All Rows

Hi Team ,

We are using Igx-grid on our application.and we do not want to show the vertical scrollbar on our grid so that we can show all rows. Can you please help on this ?

Hello Mariyam,

You can set the height of the grid to `null`, which will render all rows without displaying vertical scrollbar.

One thing to note though, in this case, the grid virtualization is not applied and if you have too many rows you might have performance issues.

Also we have a topic regarding the grid sizing and different scenarios, if you need more information on this:
https://es.infragistics.com/products/ignite-ui-angular/angular/components/grid/sizing.html

Regards,
Svetoslav

Hi Svetoslav,

I am giving my parent height as 100%,and grid height as null , but still facing the same issue.

It will be helpful if you provide any sample codes please…

Regards,

Mariyam

Hello Mariyam,

Having height 100% on the parent element shouldn't affect the grid. Are you sure the scrollbar you are seeing is not coming from the parent element?

Here's an example I have made for that demonstrates the grid having height null:
https://stackblitz.com/edit/angular-w7svkc 

If you have any questions regarding the sample let me know.

Regards,
Svetoslav

Hi Svetoslav,

I was giving as [height]=" 'null'  ",now I corrected ,Thank you so much 

Regards,

Mariyam

Hello,

I am glad that you managed to achieve your requirement.

Thank you for using Infragistics components.