I added some columns :

colNames: [

'FY', '%', '$', '%', '$', '%', '$', '%', '$'],

Then I tried setting the widths of the columns like:

colModel: [

{ name:

'fiscalyear', index: 'fiscalyear', resizable: false, width: 66, sortable:false, align:“center” },

{ name:

'densoms', index: 'densoms', resizable: false, width: 39, sortable:false,align:“right”, formatter:'number', formatoptions: {thousandsSeparator: “,”, decimalPlaces:0, defaultValue: '0'} },

{ name:

'densoppu', index: 'densoppu', resizable: true, width :95, sortable:false,align:“right”, formatter:'currency', formatoptions: {thousandsSeparator: “,”} },

{ name:

'supplierams', index: 'supplierams', resizable: false, width: 39, sortable:false,align:“right”, formatter:'number', formatoptions: {thousandsSeparator: “,”, decimalPlaces:0, defaultValue: '0'} },

{ name:

'supplierappu', index: 'supplierappu', resizable: true, width :95, sortable:false,align:“right”, formatter:'currency', formatoptions: {thousandsSeparator: “,”} },

{ name:

'supplierbms', index: 'supplierbms', resizable: false, width: 39, sortable:false,align:“right”, formatter:'number', formatoptions: {thousandsSeparator: “,”, decimalPlaces:0, defaultValue: '0'} },

{ name:

'supplierbppu', index: 'supplierbppu', resizable: true, width :95, sortable:false,align:“right”, formatter:'currency', formatoptions: {thousandsSeparator: “,”} },

{ name:

'suppliercms', index: 'suppliercms', resizable: false, width: 39, sortable:false,align:“right”, formatter:'number', formatoptions: {thousandsSeparator: “,”, decimalPlaces:0, defaultValue: '0'} },

{ name:

'suppliercppu', index: 'suppliercppu', resizable: true, width :95, sortable:false,align:“right”, formatter:'currency', formatoptions: {thousandsSeparator: “,”} }

],

The column widths are correct, but the header value for each doesn't adjust to the 39, or 95 width.

I need to be able to adjust it to match the column.

Thanks.