Space between grid and vertical scroll bar in radgrid blank column

Total Post:96

Points:676
 2589  View(s)
Ratings:
Rate this:

I am using a RadGrid with four frozen columns, when I bind the grid, it shows (Chrome) an empty column on the right end, and all the data are misaligned one row to the right. In IE it is totally messed up!

<ClientSettings AllowColumnsReorder="false" EnableRowHoverStyle="false" AllowDragToGroup="false" >
<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="350px" FrozenColumnsCount="4">
</Scrolling>
<ClientEvents OnGridCreated="GridCreated" />
  <Resizing AllowColumnResize="false" EnableRealTimeResize="true" />
</ClientSettings>

Function:

function GridCreated(sender, args) {
        var scrollArea = sender.GridDataDiv;
        var dataHeight = sender.get_masterTableView().get_element().clientHeight;
        if (dataHeight < 350) {
            scrollArea.style.height = dataHeight + 47 + "px";
        }
    }
  1. Post:61

    Points:429
    Re: Space between grid and vertical scroll bar in radgrid blank column

    Try setting the scrolling height as following on the HTML side:

    <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="" FrozenColumnsCount="4">
    </Scrolling>

      Modified On Apr-06-2018 02:27:29 AM

Answer