header - 如何修复 Extjs 4.2 中的表头

Question

我想修复 ExtJs 4.2 应用程序中的表格/网格标题，以便滚动时标题始终可见。我的应用程序中的主网格有一个固定的标题，并按照本文底部的代码中的方式实现。它不起作用，我不知道为什么......我尝试使用 split 属性，但它也不起作用...:(

这是代码:

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 配置。