Frozen First Column, Non-Fixed Height Grid

[Brian]

I have a requirement to render grids with the first column frozen and the remainder of the columns scroll horizontally similar to the example at http://demos.telerik.com/aspnet-mvc/grid/frozen-columns, except that my requirements do not allow fixed height grids - i.e. they do not want grids to scroll vertically or ever show a vertical scroll bar.  When I try to disable vertical scrolling, it looks like horizontal scrolling is also disabled.  I do not need the ability to reorder columns, but I do need the ability to sort by column.  Is there a way to meet my requirements with Kendo?

[Konstantin Dikov]

Hi Brian,

For disabling the vertical scrollbar you will have to remove the height of the Grid. However, this will still display the vertical scrollbar, but you could add the following CSS to hide the unwanted elements:

<style>
    .k-grid-content {
        overflow-y: visible;
    }
    div.k-grid-header-wrap.k-auto-scrollable {
        padding-right: 18px;
    }
</style>

And here is a dojo example:

• http://dojo.telerik.com/EgumO

Hope this helps.


Regards,
Konstantin Dikov
Telerik by Progress

 

 

[Brian]

Thank you for your response, but that solution still does not meet the requirement.  Your grid is still fixed height.  It scrolls the grid vertically.

[Brian]

Thank you for the response, but your solution does not meet the requirement of eliminating the fixed height grid (i.e. eliminate the vertical scrolling within the control.)  Notice that you declared the height as 540, which does me no good.  The grids for this solution are of some unknown size, which could  be 1 record or more than a hundred.  In all cases, we need them to take up space according to the number of records and scroll with the page.  There cannot be a separate vertical scrollbar for the data, and therefore we cannot declare the vertical size of the grid in it's definition.

[Konstantin Dikov]

Hello Brian,

I am not sure why the height of the Grid was present in the dojo example, but as I have mentioned in my post, you need to remove it in order to allow the grid to render all its items without the vertical scrollbar. Here is the modified example:

• http://dojo.telerik.com/EgumO/2

Regards,
Konstantin Dikov
Telerik by Progress