Setting the focus in columns of Gird

I want to set the focus in column headers of the grid.
Please help me

Thanx in Advance

Here is the code -

obj.getHeaderTemplate(1).element().focus();

Example -

var obj = new AW.UI.Grid;
    obj.setCellData(function(col, row){return col + "." + row});
    obj.setHeaderText("header");
    obj.setColumnCount(10);
    obj.setRowCount(10);

    obj.setHeaderTemplate(new AW.UI.Input, 1);

    document.write(obj);


    var button = new AW.UI.Button;
    button.setControlText("Set focus to Header-1");
    document.write(button);

    button.onControlClicked = function(){
        obj.getHeaderTemplate(1).element().focus();
    }

Still i am facing some issues in setting the focus.

The focus is set to the header, but only to the first row of the grid.
That too it is not visible. When press down arrow it is moving to the second row. I want to set the focus to particular column head of the grid.

Please reply as soon as possible