Javascript-форум - Отображение имен столбцов класса grid

Добрый день.

при вызове элементов класса tab, содержащих custom классы grid в дебагере браузера вылетает следующе предупреждение:
Warning, size detected (calc(100% - 16px)) not a valid property value on Element.addUnits., а сами гриды отображают только заголовки столбов (store подключен нормально, записи видно на долю сек при рендеренге класса):

Код класса содержащего tab:

Ext.define('Foresto.view.forms.LoginWorkSpace', {
    extend: 'Ext.panel.Panel',
    requires: ['Foresto.model.EditListRenters',
              'Foresto.model.EditLCA',
              'Ext.field.Select',
              'Ext.panel.Panel',
              
              'Ext.tab.Panel'
              ],
   
    
    height: '80%',
    layout:'fit',
    id:'loginWS',
    fullscreen: true,
    
    closable: false,
    header: {
        cls: 'header-cls'
        
    },
    scrollable: true,
    
    xtype: 'loginWS',
    title: 'ЛИЧНЫЙ КАБИНЕТ',
    
    
    modal: true,
    hideOnMaskTap: true,
    showAnimation: {
        type: 'popIn',
        duration: 250,
        easing: 'ease-out'
    },
    hideAnimation: {
        type: 'popOut',
        duration: 250,
        easing: 'ease-out'
    },
    centered: true,
    width:  '100%',
    
    items:[{
    	xtype:'tabpanel',
    	fullscreen: true,
    	cls: 'header-cls',
    	width:  '100%',
    	height: '80%',
    	
    	
    	
    	
    	shadow: true,
        activeTab: 1,
        
        defaults: {
            scrollable: true,
            userSelectable: {
               bodyElement: true
            }
        },
    	items: [
    	        {
    	        	xtype: 'panel',
    	        	layout:'vbox',
    	        	
    	        	title: 'ИНФОРМАЦИЯ О ПОЛЬЗОВАТЕЛЕ',
    	        	cls: 'header-cls',
    	        	
    	        	items:[
    	        	       {xtype: 'selectfield',
    	        	        label: 'Имя',
    	        	        margin: 4,
    	        	       },{
    	        	    	xtype: 'selectfield',
       	        	        label: 'Статус',
       	        	        margin: 4,
    	        	       },{
    	        	    	xtype: 'selectfield',
       	        	        label: 'Регион',
       	        	        margin: 4,   
    	        	       },{
    	        	    	xtype: 'button',
    	        	    	ui:'confirm',
    	        	    	text:'Добавить арендатора',
    	        	    	handler: addRenter	
    	        	 
    	        	    	},{
    	        	    	xtype: 'button',
        	        	    text:'Редактировать профиль'
    	        	    	}
    	        	       ]
    	        },
    	        {	xtype: 'contlistII',
    	        	title: 'СПИСОК ДОГОВОРОВ'
    	        },
    	        {	xtype: 'panel',
    	        	title: 'СПИСОК 2'
    	        		
    	        },{	xtype: 'rentlist',
    	        	title: 'АРЕНДАТОРЫ'
    	        	
    	        	
    	        }
    	        ]
    }],
    
   
    scrollable: true,
    scope: this
});

код грида:

Ext.define('Foresto.model.EditListRenters', {
	extend:'Ext.grid.Grid',
	xtype: 'rentlist',
	requires: [
	'Ext.grid.plugin.Editable',
	'Ext.grid.plugin.ViewOptions',
	'Ext.grid.plugin.PagingToolbar',
	'Ext.grid.plugin.SummaryRow',
	'Ext.grid.plugin.ColumnResizing',
	'Ext.grid.plugin.MultiSelection',
	'Ext.grid.plugin.RowExpander',
	'Ext.grid.Grid',
	'Foresto.model.RentsListModel'
	],
	shadow: true,
	rowLines: true,
	store: {
		model:'Foresto.model.RentsListModel', 
		autoLoad: true,
		pageSize:0,
		proxy: {
			type:'ajax',
			url:'/api/renter/',
			reader:{
				type:'json',
				rootProperty: 'results'
			}
		
		}
	},
	plugins: [
		{
	        type: 'grideditable'
	    }, {
	        type: 'gridviewoptions'
	    }, {
	        type: 'pagingtoolbar'
	    }, {
	        type: 'summaryrow'
	    }, {
	        type: 'columnresizing'
	    }, {
	        type: 'rowexpander'
	    }
	],
   
	columns: [
	{
		text: 'id',
		maxWidth: 60,
		dataIndex: 'id'
	},{
                         ...
        },{
		text:'certificate',
		dataIndex:'certificate'
	}
	]
	
	
});

при удалении всех layout и инициализации классов 'rentlist' и 'contslist' не напрямую (как в коде выше), а как объект другого класса:

{  
    xtype: 'panel',
    title: 'ДОГОВОР',
    items: [
       {xtype:'contlistII'}
    ]
},

получаю тоже весьма печальное зрелище:

Как пофиксить этот косяк? Какая конфига может отвечать за размер отображения оглавления грида ? Спасибо.