Space between grid and vertical scroll bar in radgrid blank column

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";
        }
    }
Last updated:11/3/2014 12:57:12 AM

1 Answers

Anonymous User
Anonymous User

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

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

Answer