Как исправить заголовок таблицы в Extjs 4.2

Question

Я хочу исправить заголовок таблицы/сетки в приложении ExtJs 4.2, чтобы заголовок всегда был виден при прокрутке.Основная сетка в моем приложении имеет фиксированный заголовок и реализована так, как показано в коде внизу этого поста.Не работает, не знаю почему...Я попробовал это с атрибутом разделения, но он тоже не работает...:(

Это код:

function openThePopup() {
var win = new Ext.Window({
    modal : true,
    height : 500,
    width : 900,
    plain : true,
    border : false,
    resizable : false,
    maximizable : false,
    draggable : true,
    closable : true,
    closeAction : 'destroy',
    title : 'Title',
    autoScroll : true,
    buttonAlign : 'center',
    items : [ {
        xtype : 'grid',
        id : 'theGrid',
        store : theStore,
        border : 0,
        layout : 'fit',
        margins : '5 0 0 0',
        split : true,
        columns : [ {
            text : 'Country',
            dataIndex : 'country'
        }, {
            text : 'City',
            dataIndex : 'city'
        }, {
            text : 'ZIP',
            dataIndex : 'zip'
        }, {
            text : 'Street',
            dataIndex : 'street',
            width : 200
        }, {
            text : location,
            dataIndex : 'name',
            width : 200
        } ],
        listeners : {
            itemdblclick : function(t, record, item, index, e, eOpts) {
                ...
            }
        }
    } ],
    buttons : [ {
        onClick : function() {
            ...
        }
    } ]
}).show();
}

Я ценю любую помощь.

Заранее большое спасибо.

Наилучшие пожелания всем вам.

Answer 1

Ваш макет настроен неправильно.А layout: 'fit' должен перейти в окно, а конфигурация макета должна быть удалена из сетки.Также удалите autoScroll конфигурация в окне.