Inconsistent behavior in column config?

[whirling dervish]

I just noticed that if I define a column with defaults and assign it a renderer plus a style the style is applied to just the header, but the cell renderer is applied to each cell.

Is this expected behavior?

Here is my code:

Ext.create('Ext.data.Store', {
    storeId : 'simpsonsStore',
    fields  : ['name', 'email'],
    data    : {
        'items' : [
            {
                'name'  : 'Lisa',
                "email" : "lisa@simpsons.com"},
            {
                'name'  : 'Bart',
                "email" : "bart@simpsons.com"},
            {
                'name'  : 'Homer',
                "email" : "home@simpsons.com"},
            {
                'name'  : 'Marge',
                "email" : "marge@simpsons.com"}
        ]
    },
    proxy   : {
        type   : 'memory',
        reader : {
            type : 'json',
            root : 'items'
        }
    }
});

Ext.create('Ext.grid.Panel', {
    title    : 'Simpsons',
    store    : Ext.data.StoreManager.lookup('simpsonsStore'),
    columns  : {
        defaults : {
            flex     : 1,
            style    : {
// why is this only effecting the header?
                'font-weight' : 'bold',
                'color'       : 'red'
            },
            renderer : function (val) {
                return '<span style="color:blue;">' + val + '</span>';
            }
        },
        items    : [
            {
                header    : 'Name',
                dataIndex : 'name'},
            {
                header    : 'Email',
                dataIndex : 'email'}
        ]
    },
    height   : 200,
    width    : 400,
    renderTo : Ext.getBody()
});​

And a demo on JSFiddle, http://jsfiddle.net/JamesFM/S37ud/ Note that while JSFiddle is using 4.0.7, I see the behavior on 4.1.0 as well.

EDIT: I have since corrected the JSFiddle to use 4.1.0.

[whirling dervish]

Did I put this thread in the wrong place?

[mitchellsimoens]

Did you try specifying the renderer on the actual column items?

[whirling dervish]

Yup. That behaves exactly the same as far as I can tell.

You would expect it to right?

[mitchellsimoens]

I have never had this issue. What is rendered on screen always is what the renderer returns.

[whirling dervish]

It's not that the renderer doesn't work, it's that the behavior for the style object and renderer function is inconsistent.

The style only gets applied to the header, and the renderer only effects the rows. Take a look at http://jsfiddle.net/JamesFM/S37ud/ for an illustration of it in action.

This might be a bug, I just wanted to make sure I wasn't misunderstanding how this was suppose to behave.

[mitchellsimoens]

Oh I see, to be honest the style config should be deprecated as styling an app should all be done with CSS files.