Scrollable height auto with min-height

2 posts, 0 answers
  1. Casiana
    Casiana avatar
    3 posts
    Member since:
    Jun 2016

    Posted 28 Jan 2017 Link to this post


    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?

        .k-grid-content {
            min-height: 200px;
            max-height: 400px;
            height:auto !important;
    .Scrollable(scrollable => scrollable.Height("auto"))
  2. Eyup
    Eyup avatar
    4085 posts

    Posted 01 Feb 2017 Link to this post

    Hello Casiana,

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

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

        .k-grid .k-auto-scrollable {
            height: auto !important;
            overflow-y: visible !important;

    And if you want to set grid height in percents:

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

    I hope this will prove helpful.

    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top