Cómo reparar el encabezado de la tabla en Extjs 4.2

Question

Quiero arreglar mi mesa/encabezado de cuadrícula en mi ExtJs 4.2 aplicación, de modo que la cabecera es siempre visible, mientras que scroling.La red principal de mi aplicación tiene un encabezado fijo y se implementa como en el código en la parte inferior de este post.No funciona y no sé por qué...He probado con la división de atributo, pero no funciona, demasiado...:(

Este es el código:

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();
}

Yo disfrutar de ninguna ayuda.

Muchas gracias de antemano.

Los mejores deseos para todos ustedes.

Answer 1

Su diseño no está configurado correctamente.El layout: 'fit' debería ir en la ventana y la configuración de diseño debe ser eliminado de la red.También quitar el autoScroll configuración en la ventana.