jQuery Grid Plugin - jqGridForum

Topic RSS

Setting width of colnames

25/01/2011
22:15

benh

Member

Members

Forum Posts: 3

Member Since:
25/01/2011

Offline

How can I set the width of the colname to match the width I specify for the column?

26/01/2011
17:34

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Sorry but i do not understand.

Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

26/01/2011
17:44

benh

Member

Members

Forum Posts: 3

Member Since:
25/01/2011

Offline

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.

26/01/2011
18:56

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

By default shrinkToFit parameter is set to true.

Set it to false. More on this parameter you can find into the documentation

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

26/01/2011
19:16

benh

Member

Members

Forum Posts: 3

Member Since:
25/01/2011

Offline

That sets the width relative to the grid, but what I need is the column names in the colnames collection to line up with the columns.

I have an image to show you, but I can't see how to add it here...

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 994

Currently Online:
12 Guest(s)

Currently Browsing this Page:
1 Guest(s)