Hi
I am trying to display a grouped datagrid ,with collapsible headers,it is coming fine but when i am expanding it after 3or 4 items the header captions are coming twice,the grid is inside a panel.
here is the grid display code
{
xtype: 'panel',
//layout:'fit',//align: 'stretch',
//autoScroll:true,
scroll:true,
//bodyBorder: false,
bodyStyle:'padding:5px 5px 5px 5px',
title:'Test',
items: [
/* Asset List*/
{
xtype: 'grid', storetore1,autoScroll:true, /*Columns Start*/
columns: [
{header: 'code',width:60,dataIndex:'CODE'},
{header:'caption',width:220,/*collapsed:true,sortable: true,*/dataIndex:'CAPTION'}
],/*Columns End */
features:[
{ftype: 'grouping',startCollapsed:true,
hideGroupedHeader:true,
groupHeaderTpl: '<span style="color:#004b97;font-size:12px;font-family: Helvetica; font-weight:bold;">{[values.rows[0].data.CATEGORY]}</span>'}
],
id:'assetgrid',width:'100%',
columnLines:true,
cls:'extra-alt2',
autoScroll:true,
//autoHeight:true,
//renderTo:Ext.getBody(),
//stripeRows:true,

//hideGroupedHeader: true,

//height:'300',
title: '',
hideHeaders:true,
kindly suggest me any solution.
thanks in advance.