New to Kendo UI for Angular? Start a free 30-day trial


ProductProgress® Kendo UI® for Angular Grid


How can I set the height of the Grid to 100%, so that it resizes automatically when resizing the browser window (viewport)?


  1. Set the height of the Grid to 100% by using CSS.
  2. Set a 100% height to all of the Grid parent elements: <my-app>, <body>, and <html>.

Percentage heights work when the resizable element has a parent with a set height. If the parent has a percentage height as well, then this rule applies recursively until an element with a fixed height is reached, or until the <html> element is reached.

View Source
Change Theme:

In this article

Not finding the help you need?