Scrollable height auto with min-height

[Casiana]

Hi,

When I set the grid scrollable auto, the grid content div height style is not auto and overwrite the min-height value specified in css. Why?

<style>
    .k-grid-content {
        min-height: 200px;
        max-height: 400px;
        height:auto !important;
    }
</style>

@(Html.Kendo().Grid(Model)
.Scrollable(scrollable => scrollable.Height("auto"))
)

[Eyup]

Hello Casiana,

Generally, if you want to remove vertical scrolling, you can try:

1.

.Scrollable(scrollable => scrollable.Height("auto"))

2.

<style>
    .k-grid,
    .k-grid .k-auto-scrollable {
        height: auto !important;
        overflow-y: visible !important;
    }
</style>

And if you want to set grid height in percents:
http://www.telerik.com/forums/mvc-grid-height#c_ibAHzGg0u9WD7q7DWD7A
http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Layout/resize-grid-when-the-window-is-resized

In addition, you can also check the following sources about responsive grid:

• The Grid can be configured to resize vertically to always occupy 100% of its container’s height.
  http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#set-100-height-and-auto-resize
  http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Layout/resize-grid-when-the-window-is-resized

• The Grid pager is responsive and can change its layout automatically, depending on the viewport width.
  http://docs.telerik.com/kendo-ui/styles-and-layout/using-kendo-in-responsive-web-pages#responsive-ui-enhancements

• The Grid columns can be configured to hide and show automatically, depending on the viewport width.
  http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.minScreenWidth

• Apart from responsive features, the Kendo UI Grid also has an adaptive rendering mode, designed for touch devices.
  http://docs.telerik.com/kendo-ui/controls/data-management/grid/adaptive
http://demos.telerik.com/kendo-ui/m/index#grid/adaptive

I hope this will prove helpful.

Regards,
Eyup
Telerik by Progress