TelerikGrid and scrollIntoView

0 Answers 13 Views
Top achievements
Rank 1
Louis asked on 21 Feb 2023, 09:08 PM


I try to scroll to the selected item in grid and w/o success.  I use this :


<TelerikGrid Data=@infosEmplacementSource


string theGridClass { get; set; } = "theSpecialGrid";

public async Task EmplacementSubmitHandler()
    infosEmplacementsTelerikDialog.FicheEspaceClosId= ficheEspaceClosId;

    var (success, added, error) = await AdditionalInformationDataService.AjoutertlkpEmplacementAsync(infosEmplacementsTelerikDialog, CultureInfo.DefaultThreadCurrentCulture.Name.ToString());
    if (success)
        infosEmplacementSource.Insert(0, new treltlkpEmplacementViewModel
            tlkpEmplacementId = added.tlkpEmplacementId
        SelectedItems_ = infosEmplacementSource.Where(item => item.tlkpEmplacementId == added.tlkpEmplacementId).ToList();
        await Task.Delay(20);//rougly one rendering frame so this has the chance to render in the browser
        await _jsRuntime.InvokeVoidAsync("scrollToSelectedRow", "." + theGridClass);


// this function takes a selector that describes the desired grid
// and then finds the first selected row, then scrolls to it
// via standard browser methods - effectively, the grid does not
// interact or implement this. Suitable for regular paging mode only, not for virtual scrolling
function scrollToSelectedRow(gridSelector) {
    var gridWrapper = document.querySelector(gridSelector);
    if (gridWrapper) {
        var selectedRow = gridWrapper.querySelector("tr.k-selected");
        if (selectedRow) {
SelectedItems_ works fine.  The row is selected.  But scroll not working

Debug javascript and everingthing is found

Hristian Stefanov
Telerik team
commented on 24 Feb 2023, 12:41 PM

Hi Louis,

The provided code looks OK.

In the attached project (see ""), I have tested the described configuration carefully. As a result, the javascript function seems to work as expected on my machine. It scrolls correctly to the selected row. Please run the attached sample to see if the result you get is the same. Maybe there is something else I'm missing from the actual project that will help me reproduce the problem.

If, after comparing both projects, the problem still appears, modify it to show the problem/the full configuration and attach it back. That will allow me to see the behavior firsthand and investigate further.

Thank you. I look forward to hearing from you.

No answers yet. Maybe you can help?

Asked by
Top achievements
Rank 1
Share this question