Extjs grid checkbox column width is too large

[chenhailong119]

Extjs grid checkbox column width is too large...

How I can do make the checkbox column width fit....

[arivwd]

Are you using "Ext.selection.CheckboxModel" or "xtype: checkcolumn"?

If "checkcolumn", then you can set it with "width: 10" and dont put "flex".

[chenhailong119]

Thank you for your reply .

I use "Ext.selection.CheckboxModel",and the nowhere to set the width... What I can do for it ?

[chenhailong119]

Thank you for your reply .

I use "Ext.selection.CheckboxModel",and nowhere to set the width... What I can do for it ?

[arivwd]

You can use....

headerWidth: 200

[chenhailong119]

I am sorry for your suggest

In "Docs" no have the property and It is not useful for the "Ext.selection.CheckboxModel"...

[arivwd]

Well,

this is an undocumented property that controls the column width.
Have you try it yet?

[chenhailong119]

It is not work because I use the "Ext Designer" to extend the grid component
If it is not the standard property,I can not use it.
Can you have another suggest?
I can use the event to change the width of header but in docs I only see the header is container...If I change the width that have the "setWidth" method ,can I change the "Ext.selection.CheckboxModel" width ?

[arivwd]

I'am sorry, i never play with Ext Designer (or Sencha Architect now).. but i think you have to write the code above manually somewhere in the "Code" view.

After installing Sencha Architect 2, i think you can create "Custom Properties" manually in Design tab as shown below.

SA.jpg

[chenhailong119]

I'am sorry, i never play with Ext Designer (or Sencha Architect now).. but i think you have to write the code above manually somewhere in the "Code" view.

After installing Sencha Architect 2, i think you can create "Custom Properties" manually in Design tab as shown below.

Attachment 36140

It is good for it .
And My designer is old and lost .My god.
Can you tell me the version of your designer?