extjs5 - Extjs 5 : need to move the scroll (horizantal) position to the particular position(to particullar column) in grid -

i trying implement functionality in grid when click button(left,right,rewind,forward) need move scroll (horizantal) position particular position need move position of scroll.i able implement except left side navigation. ideas?

i don't know how horizontal scroll position or column position, hence calculate column.getposition() (it returns [x, y] location).

ext.create('ext.button', {     text     : 'right',     renderto : ext.getbody(),     listeners: {             click: function() {                 var grid = ext.getcmp('grid1');                 var columns = grid.getcolumnmanager().getcolumns();                  var index = getcurrentcolumn(columns, true);                  var p = columns[index+1].getposition();                  grid.scrollbydeltax(p[0]);              }         }  });  function getcurrentcolumn(columns, ismovingright) {     var index = 0;     (var i=0; i<columns.length; i++){          // columns[i].getposition() returns [x, y]         if (columns[i].getposition()[0] == 0){             index = i;             break;         }          if (columns[i].getposition()[0] > 0){             if (ismovingright){                 index = i-1;             }             else{                 index = i;             }             break;         }     }      return index; }  /* function click forward button */ function getnextpagecolumn(columns, gridwidth) {     var index = -1;     (var i=0; i<columns.length; i++){         if (columns[i].getposition()[0] >= gridwidth){             index = i;             break;         }     }      return index; } 

example scrolling grid programmatically https://fiddle.sencha.com/#fiddle/1bkm