How to resize myGrid visually as same as do with column width

I am beginner in this TM. I think Activewidgets is powerful for reporting the data also to print it. So it's great to add new control where user can resize the grid visually to meet the paper or for special purpose.
i try do this to resize my block grid as same as doing on the column (with cursor='w-resize').
it's not work. any suggestion??
1. what's the mouse control to use?
2. how to get dinamic position depending on width of the grid?

<script>
var myHeaders = [
"Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
];
var myCells = [
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"],
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "16000"],
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "4300"],
["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "15400"],
["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "6700"],
["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "3341"],
["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "8180"],
["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "5909"],
["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "3063"],
["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "4254"],
["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "1203"],
["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "1822"],
["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "9400"],
["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "1670"],
["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "4313"]
];

var obj = new AW.UI.Grid;
obj.setHeaderText(myHeaders);
obj.setCellText(myCells);
obj.setColumnCount(myHeaders.length);
obj.setRowCount(myCells.length);
document.write(obj);
var wd=myHeaders.length*10;
obj.onControlMouseOver = function(event){
sela=event.clientX-wd;
if(event.clientX==(sela+wd)){
document.body.style.cursor='w-resize';
obj.onControlMouseDown = function(event){
j=event.clientX;
};
obj.onControlMouseUp = function(event){
obj.setSize(300+(event.clientX-j),250);
obj.refresh();
document.body.style.cursor='default';};
}else document.body.style.cursor='default';
};
</script>