Resizing of columns on a button click

After initially sizing the grid columns in the css section with:


#myGrid .aw-column-0 {width: 50px;}
#myGrid .aw-column-1 {width: 150px;}

...etc, how would I go about then resizing these columns (through Javascript) on say a button click?

I saw this solution in the forum, but it didn't work for me....

var stylesheet = document.styleSheets[document.styleSheets.length-1];
stylesheet.addRule(".aw-column-2", "width:450px");

Adam,

you can use setColumnWidth() method -

obj.setColumnWidth(50, 1); // set second column to 50px