Question

I am trying to display a grid but add a panel in between List of customers and the columns Customer Id, active, firstname last name, email address.

I need to add a panel between these 2 componants. And in that panel i will be having different UI elements. How can i do this ?

Answer 1

Well I believe you have just a grid with The title list of costumers, The easiest way is to have a panel and a grid (grid with no title) into another panel with the title.

{
  xtype: 'panel',
  title: 'List of customers',
  layout:'border',
  items: [
      {
         //the panel you want
         xtype: 'panel',
         region: 'north',
         height: 100,
      },
      {
          //your current grid without a title
          xtype: 'gridpanel',
          region: 'center',
          height: 300,
      }
  ]
}