¿Cómo agregar filas vacías a la cuadrícula ExtJS?

Question

Tengo la cuadrícula con paginación. Cada página tiene un máximo de 10 filas. De esta manera:

Establecí el fondo degradado para .x-grid3-scroller selector en CSS. Todo está bien, mientras que hay 10 artículos en DirectStore. Pero si hay menos de 10 artículos que tengo ese problema:

Si se establece el fondo de rayas para .x-grid3-scroller no habrá fronteras en columnas.

¿Cómo agregar filas vacías a la cuadrícula para ajustarlas a la cuadrícula?

Answer 1

Después de tienda es de carga (uso load oyente) comprobar cuántos registros están ahí (getCount() método) y añadir (add() método) 10 - store.getCount() registros vacíos.

store.on('load', function(store) { 
    var records = new Array(); 
    for(var i = 10 - store.getCount(); i > 0; i--) { 
    records.push(new store.recordType(/*you might need to provide default data here*/)) 
    } 
    store.add(records); 
});