View Full Version : Property Grid: 2 questions Change Heading and Align Right

18 Oct 2013, 6:20 AM
Good Morning Boys and Girls (ok, the 1 or 2 girls out there...)

1). How can I change the 2 column headings on a property grid?

2). How can I have all of the value fields aligned right. (please, if you say use css, please tell me which cls since I tried all of them and failed miserably. I did try using the sourceCfg object with the following:

Freight : {
renderer: function(v) {
return '<span style="font-size: 16px; text-align: right;">' + Ext.util.Format.number(v, '000.00') + '</span>';


but, alas, that did not work.


18 Oct 2013, 6:29 AM
For your 2nd question:
the gridcolumn (http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.column.Column) has an align config which you can use to align the text to right or center (default is left):

align: 'right'

18 Oct 2013, 9:22 AM
I know that for REGULAR grids Farish, but It does not seem to exist for the propertyGrid.


18 Oct 2013, 9:41 AM
Instead of Align, I used Float. This allowed me to align the columns right. Now, just to find a way to change the column headings.