React Kendo Grid resize height dynamically

Question

React Kendo grid once data assigned to the grid I need to resize the gird based on available space, and exclude header and footer of page

Answer 1

The height can be set using the styles as regular HTML. To exclude the headers and footers you can use calc method. For example:

height: "calc(100% - 150px)"