Frozen Column With Grid Resize

2 posts, 0 answers
  1. Raja
    Raja avatar
    9 posts
    Member since:
    Nov 2010

    Posted 19 Dec 2016 Link to this post

    Hi, we need a grid with the following :-

    1. Grid Resize
    2. Frozen Column
    3. 100% height for the grid ( Check the attachment)

    We need all this 3 in a grid, to achieve #3 we have done a css change for rgDataDiv and this is working fine and #1 also no issues its working

    .rgDataDiv{position:relative; height:auto !important; overflow-x: auto !important; overflow-y: hidden !important; }

    But #2 Frozen column is not working & if we remove the above css (avoiding the 100% height) the frozen is working fine, we need all the three in the same grid, do you have any examples?

    Note :- we have removed the grid scroll and using our application scroll for the grid.

  2. Pavlina
    Pavlina avatar
    6187 posts

    Posted 22 Dec 2016 Link to this post


    I have followed your scenario and prepared a sample runnable project were Grid resizing and frozen columns are enabled, 100% height is also set for the grid. Check it out and let me know if you need additional assistance.

    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