Text Field in the header of a column

[glucks]

Hi,

Is it possible to add a textfield (xtype:'textfield') to the header of a Ext.grid.Panel? Basically what I need is a 2 row column header where 1 row has the label and 1 row has a text field (order is not important). When the label is clicked the column should be sorted but when the textfield is clicked it shouldn't.

I tried the following but I'm getting this error: "headers[i].setSortState is not a function"

    var grid = Ext.create('Ext.grid.Panel', {
        store: store,
        columns: 
        [{
           layout: 'form',
           items:[
                     {
                        xtype: 'textfield',
                        fieldLabel: '<b>Test Label',
                        name:"name_field",
                        width:230
                }]
        
           
          }
        ],
        height: 350,
        width: 600,
        title: 'Names',
        renderTo: 'data-table',
        viewConfig: {
            stripeRows: true
        }
        
    });