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

    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"))
    )
  2.
  3. Eyup
    Admin
    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:

    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:


    I hope this will prove helpful.

    Regards,
    Eyup
    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