column width

Sets or retrieves the width of the grid column.

Syntax

var value = obj.getColumnWidth(); 
obj.setColumnWidth(value);        

obj.onColumnWidthChanging = function(value){...}; 
obj.onColumnWidthChanged = function(value){...}; 
obj.onColumnWidthError = function(value){...}; 

Defined in

column model

Examples

obj.setColumnWidth(200, 0); // set column-0 width to 200px

<style> .aw-column-1, .aw-column-2 {text-align: right} </style> <script> var myCells = [ ["Cell text", "123", "5/18/2004"], ["More...", "456", "1/12/2006"] ] var obj = new AW.UI.Grid; obj.setCellText(myCells); obj.setColumnCount(3); obj.setRowCount(2); obj.setColumnWidth(200, 0); // set column-0 width to 200px document.write(obj); </script>

Remarks

setColumnWidth() does not work if given an array of widths, i.e. setColumnWidth([40, 100, 30]) won't work in 2.0.0, you should set values one by one.

It is also possible using CSS rules to specify the width and other visual parameters of the grid columns.

<style>
    #myGrid .aw-column-0 {width:  80px;} 
    #myGrid .aw-column-1 {width: 200px;}
    #myGrid .aw-column-2 {text-align: right;}
    #myGrid .aw-column-3 {text-align: right;}
    #myGrid .aw-column-4 {text-align: right;}
</style>