ThDataGrid Blank Area

2 posts, 0 answers
  1. Lucia
    Lucia avatar
    7 posts
    Member since:
    Jan 2017

    Posted 26 May 2017 Link to this post

    With grid that has resizable columns, if you drag the columns to be smaller, there'll be a blank area on the right (see attached screenshot). Can we get this fixed?

  2. Viktor Tachev
    Viktor Tachev avatar
    2500 posts

    Posted 30 May 2017 Link to this post

    Hello Lucia,

    The behavior you are observing is expected when scrolling is enabled for the Grid. In that case if the sum of column widths is smaller than the width of the Grid an empty space will be displayed.

    If you would like not to have such empty space you can disable scrolling for Grid. In that scenario when you resize a column the other columns will also change size in order to take the available space. If you would like more information on column resizing you would fine the article below interesting.

    Viktor Tachev
    Progress Telerik
    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