How to change the height of Kendo ui Grid

Question

How do I change the height of the Kendo Grid when using wrappers?

Answer 1

In strongly typed ones use for a rigid fixed height

.Scrollable(scrollable => scrollable.Height(100))

In Js after dataSource declaration use

$("#Grid").kendoGrid({

            dataSource: { },

            height: 450,

            pageable: {
                refresh: true,
                pageSizes: true
            },

            columns:
                [
                   ***
                ]
        });

You can also bind your grid for minimum and maximum heights for all the girds you have through css.

.k-grid .k-grid-content {
 min-height: 100px;
 max-height: 400px;
}

Or you can specify a specific grid, you replace the .k-grid with the specific grid id #YourGridName. Hope this helps.