Greetings

There was a problem with filters,
There is a button which creates Grid in tabPanel.

If already the table is created, the second forms without filters, they are more exact is as I have understood from fireBug but them simply it is not visible

Here my simple example

Extjs 3.3.1

PHP Code:
<html>
<
head>
    <
meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <
title id='title'>test</title>
    
    <
link rel="stylesheet" type="text/css" href="/ext/resources/css/ext-all.css">
    <!-- 
стили для фильтров -->
    <
link rel="stylesheet" type="text/css" href="/ext/examples/ux/gridfilters/css/GridFilters.css" />
    <
link rel="stylesheet" type="text/css" href="/ext/examples/ux/gridfilters/css/RangeMenu.css" />



    <
script type="text/javascript" src="/ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="/ext/ext-all-debug.js"></script>
  
    <!--    фильтры -->
    <script type="text/javascript" src="/ext/examples/ux/gridfilters/GridFilters.js"></script>
    <script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/Filter.js"></script>
    <script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/StringFilter.js"></script>
    <script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/DateFilter.js"></script>
    <script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/ListFilter.js"></script>
    <script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/NumericFilter.js"></script>
    <script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/BooleanFilter.js"></script>    
    <!--    фильтры для таблицы -->
    <script type="text/javascript" src="/ext/examples/ux/gridfilters/menu/RangeMenu.js"></script>
    <script type="text/javascript" src="/ext/examples/ux/gridfilters/menu/ListMenu.js"></script>

    
</head>
<body>
<script>
Ext.onReady(function(){

var columns = [{header: "date", fixed: true, dataIndex: "date", xtype: "datecolumn", format: 'd-m-Y', sortable: true, width: 120}];
    
var transaction = {
    xtype: 'grid',
    closable: true,
    title: 'grid',
    store: [],
    columns: columns,
    plugins: [{ptype: 'gridfilters',filters:[{type: 'date',  dataIndex: 'date'}]}],
};    
    
var tabPanel = new Ext.TabPanel({
    renderTo: Ext.getBody(),
    activeTab: 0,
    border: false,
    minTabWidth: 115,
    tabWidth: 'auto',
    tbar: [{xtype: 'button', text: 'grid', handler: function() {tabPanel.add(transaction)}, scope: this}]
});

});
</script>
</body>
</html>