Someone must have done this ??

I have wide grid with the first 3 columns non-scrollable (fixed).

I want to position the left edge of the horizontal scrollbar at the left edge of the scrollable columns (not left edge of the entire grid).

Can someone tell me how??

Try this -

<style>

#myGrid .aw-bars-box {
    width: auto;
    left: 300px;
    right: 0px;
}

#myGrid .aw-bars-box {
    width: expression(this.parentElement.clientWidth - 300);
}

#myGrid .aw-bars-box .aw-bars-spacer {
    margin-left: -300px;
}

</style>
<script>

    var obj = new AW.Grid.Extended;
    obj.setId("myGrid");
    obj.setSize(700, 200);
    obj.setCellData("cell");
    obj.setHeaderText("header");
    obj.setColumnCount(10);
    obj.setRowCount(100);
    obj.setFixedLeft(3);
    document.write(obj);

</script>

You have to write some code to update CSS dynamically on column resize (or put it directly into the style attributes on the scrollbar template parts).

Perfect... Thanks, Alex!