Telerik Forums / Kendo UI for Angular

How to set Grid [height]="80vh"

1 Answer 815 Views
Grid
Srinivas
Top achievements
Rank 2
Iron
Veteran
Iron
Srinivas asked on 28 Apr 2021, 10:34 AM

Hi Team,

I'm trying to set my grid height to 80vh but I'm not able to do it.

<kendo-grid [groupable]="true" [data]="gridData" [height]="80vh">

Can you provide me any example?

Regards,

Srinivas

1 Answer, 1 is accepted

Sort by
0
Accepted
Hetali
Telerik team
answered on 28 Apr 2021, 08:15 PM

Hello Srinivas,

The height property of the Kendo UI Grid only accepts a number in pixels. To set the height to 80vh, use the style.height option. For example:

<kendo-grid [data]="gridData" style="height: 80vh">
</kendo-grid>

In this StackBlitz example, the Grid height is set to 80vh.

I hope this helps. Let me know if I can further assist you.

Regards,
Hetali
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid
Asked by
Srinivas
Top achievements
Rank 2
Iron
Veteran
Iron
Answers by
Hetali
Telerik team
Share this question
or