Ufff.., sorry posted on a wrong thread,
For this one, the easy answer is.. nothing I'm aware of , but using some tricks you can achieve almost same functionality by two grids side-by-side like:
/javascript.forum.21398.4/synchronize-scrolling-between-two-grids.html
check this sample:
<style>
#Mygrid2 .aw-bars-spacer {height: 0px!important;}
</style>
<script>
var grid1 = new AW.UI.Grid;
grid1.setId('Mygrid1');
grid1.setCellText(function(i, j){return j + "-" + i});
grid1.setHeaderText(function(i){return i});
grid1.setRowCount(100);
grid1.setColumnCount(0);
grid1.setControlSize(20, 200);
grid1.setScrollBars("horizontal");
var grid2 = new AW.UI.Grid;
grid2.setId('Mygrid2');
grid2.setCellText(function(i, j){return j + "-" + i});
grid2.setHeaderText(function(i){return i});
grid2.setRowCount(100);
grid2.setColumnCount(8);
grid2.setControlSize(500, 200);
grid1.getScrollTemplate().setEvent('onmouseover', domo1);
function domo1(){
grid1.onScrollTopChanged = function(value){grid2.setScrollTop(value)};
grid2.onScrollTopChanged = function(value){return false}
}
grid2.getScrollTemplate().setEvent('onmouseover', domo2);
function domo2(){
grid2.onScrollTopChanged = function(value){grid1.setScrollTop(value)};
grid1.onScrollTopChanged = function(value){return false}
}
document.write(grid1);
document.write(grid2);
</script>
P.S I took the disable scrollbar from here:
/javascript.forum.25172.2/disable-horizontal-scroll-in-2.html
HTH
Note: clicking above/below the (left) scrollbar-button does NOT work.
Clicking the arrows does NOT work either.
(no idea how to solve that)