New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Set the horizontal scroll position to a specific column in a RadGrid

Description

By default, the scroll position on the initial load of the grid is at the beginning (leftmost column).       

Solution

In order to set the scroll to be on the last cell execute the following JavaScript functions.

OnGridCreated event handler:

function OnGridCreated(sender, args) {
    var grid = $find("<%=RadGrid1.ClientID%>");  // Get the client-side object of the Grid
    var master = grid.get_masterTableView();     // Get the master table
    var offset = master.getColumnByUniqueName("Freight").get_element().offsetLeft;  // Get the offset of the specific column cell

    setScroll(grid, offset);
}

And the setScroll function:

function setScroll(grid, scrollLeft) {
    var dataDiv = $telerik.findElement(grid.get_element(), grid.get_id() + "_GridData");
    dataDiv.scrollLeft = scrollLeft;  // Set the scroll offset
} 
In this article
Not finding the help you need? Improve this article