:: Documentation >>

ScrollIntoView function

Here is a little useful function which can help you to set scroll position on initial view or reload:

function scrollIntoView(index){ 

    var row = this.getTemplate("row", index); 
    var data = this.getTemplate("layout").getContent("data"); 
    var left = this.getTemplate("layout").getContent("left"); 
    var scrollbars = this.getTemplate("layout").getContent("scrollbars"); 

    try { 
        var top, padding = parseInt(data.element().currentStyle.paddingTop); 
        if (data.element().scrollTop > row.element().offsetTop - padding) { 
            top = row.element().offsetTop  - padding; 
            left.element().scrollTop = top; 
            data.element().scrollTop = top; 
            scrollbars.element().scrollTop = top; 
        } 

        if (data.element().offsetHeight + data.element().scrollTop < 
            row.element().offsetTop + row.element().offsetHeight ) { 
            top = row.element().offsetTop + row.element().offsetHeight - data.element().offsetHeight; 
            left.element().scrollTop = top; 
            data.element().scrollTop = top; 
            scrollbars.element().scrollTop = top; 
        } 
    } 
    catch(error){ 
        // ignore errors 
    } 
} 

obj.timeout(function(){ 
    scrollIntoView.call(obj, 15); 
});

Comments

Using scrollIntoView Bill (3)
[no subject] Joe (3)
Cant work when Set scrollbars.element().scrollTop...?? ray (0)
Can I specify the starting position for a table? Chunkai (21)
What does "data" refer to? Vijayakumar OA (0)
Header freezes when I scroll table AK (2)
Data Rows not scrolling... Ron (4)
[ScrollIntoView] How to show a given row as the first visible row Francesco Pezzato (0)
ScrollIntoView function Paul de Ridder (0)
Do you have a working example? Norbi (0)
starting a page with table scrolled to the bottom Greg (5)
How to syncronized two grids? Luis Méndez (1)
Display a range of data from a .CSV file Gil (4)
My misstake or bug when setting selected row? Henry (1)

Documentation:

Recent changes:

2.6.4
2.6.3
2.6.2
2.6.1
2.6.1
2.6.0
2.5.0 - 2.5.6
2.5.6
2.5.0 - 2.5.5
2.5.5