How to add headers for each items of action column in a Grid?

[preeti agrawal]

i want to create a below tab panel with two headers for each column. and that sub columns needs to be action column's items.Screen shot 2012-11-20 at 8.19.42 PM.jpgScreen shot 2012-11-20 at 8.20.05 PM.pngpplease give suggestion how to add header icon for each icon item of a actioncolumn.

[preeti agrawal]

below is my code.. in this i have columns inside columns of a grid
columns:[
{
id : 'CDMRegion',
hideHeader: true,
width:200,
//dataIndex : 'region',
//flex : 1
}, {
/** this is working**/
text:' Create Campaign ',menuDisabled: true,style:'display:block; font-weight:bold; font-size:7pt',
width:220,
align:'center',
columns: [{
text :'<img src='+contextPath+'/resources/images/noAccess.png>',
menuDisabled: true,
align:'center',
width:60,
//height:20

}, {
text : '<img src='+contextPath+'/resources/images/writeIcon.png>',
menuDisabled: true,
align:'center',
width:60,
//height:20
}
]
/** this is not working and i have to use action coulmn only **/
xtype:'actioncolumn',
width:200,
text:'Create campaign',
items:[
{
icon:contextPath+'/resources/images/noAccess.png',
// text:' Create Campaign ',menuDisabled: true,style:'display:block; font-weight:bold; font-size:7pt',
menuText :'<img src='+contextPath+'/resources/images/noAccess.png>',
tooltip:'No Access'
},
{
icon:contextPath+'/resources/images/noAccess.png',
text:' Create Campaign ',menuDisabled: true,style:'display:block; font-weight:bold; font-size:7pt',
tooltip:'No Access'
}

]

},]