function store.load(sender, records, successful, operation, eOpts)
{ var tpl=new Ext.XTemplate(
'<table class="parent" style="width:98%;">'+  
'	 <tr>'+                                   
'		 <td>'+   
'            <div class="product" style="display:flex;'+  
'             justify-content: center;'+ 
'             flex-direction: column;'+ 
'             width:100%;'+ 
'             background-color:white;'+  
'             border-radius:3px;'+  
'             box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.7);">'+  
'                 <div style="margin-top:1px;'+  
'                 background-color:rgb(150, 183, 193);'+  
'                 color:#2c2e44;'+ 
'			         margin:0px;'+ 
'                 height:23px;'+ 
'                 border-radius: 2px 2px 0px 0px;">'+   
'                     <table style="width:100%;">'+
'					   <tr>'+
'					     <td style="width:78px; display:flex;"><div>Valor</div></td>'+
'						 <td style="width:90%;"><div>Dados'+ 
'                      </div></td>'+
'						 <td style="width:78px; display:flex;"><div>Saldo</div></td>'+
'					  </tr>'+ 
'                    </table>'+					
'                 </div>'+  
'                 <div style="display:flex;">'+  
'                    <div class="imgproduto" style="width:90px;'+   
'                       margin:1px;'+  
'                       border-radius:5px;">'+ 
'                         <div>{[this.getvalor(values)]}</div>'+  
'                     </div>'+ 
'                    <div style="background-color:rgb(230, 238, 240);'+ 
'                     color:#262222;'+ 
'                     padding:1px;'+ 
'                     margin:1px;'+  
'                     font-size: 12px;'+ 					 
'                     box-sizing: border-box;'+   
'                     white-space: normal;'+ 
'                     font:caption;'+ 
'                     display: inline-block;'+ 
'                     align-self:auto;'+   
'                     width:100%;">Cli/Forn:{8} Titulo {0} Parc. {1} Vencimento {2} Juros {[this.getjuros(values)]} Multa {[this.getmulta(values)]} Dias {7} T/G: {9} '+
'					</div>'+ 
'					<div style="background-color:rgb(230, 238, 240);'+   
'                     color:#364f40;'+ 
'                     padding:1px;'+   
'	      				 margin:1px;'+ 
'                     border-radius: 0px 0px 5px 0px;'+   
'                     align-self:auto;'+   
'                     width:100px;">'+  
'                         <div style="float:right;'+  
'                         font-weight: bold;">{[this.getsaldo(values)]}</div>'+ 
'                     </div>'+   
'                 </div>'+   
'             </div>'+   
'		 </td>'+   
'	 </tr>'+  
'</table>',{
  getvalor:function(values){
     return Ext.util.Format.number(parseFloat(values[3]), '0,000.00');      
    },
  getsaldo:function(values){
     return Ext.util.Format.number(parseFloat(values[6]), '0,000.00');      
    },
  getjuros:function(values){
     return Ext.util.Format.number(parseFloat(values[4]), '0,000.00');      
    },
  getmulta:function(values){
     return Ext.util.Format.number(parseFloat(values[5]), '0,000.00');      
    }   
} 
);
 Ext.defer(function(){
  sender.grid.setColumns([
    {
      text: '',
      dataIndex: '0',
      flex:1,      
      xtype: 'templatecolumn',
      tpl: tpl
    }
  ]);
  sender.grid.getColumns()[0].show();
 }, 500); 

}
