如何将空行添加到ExtJS网格？

Question

我有分页的网格。每页最多有10行。像这样：

我在CSS中为.x-grid3-scroller选择器设置了渐变背景。一切都很好，而DirectStore中有10个项目。但是，如果项目数量少于10我有这个问题：

如果为.x-grid3-scroller设置条纹背景，那么在列中将没有边框。

如何将空行添加到网格以使网格适合底部？

Answer 1

存储加载后（使用load监听器）检查有多少记录（getCount()方法）并添加（add()方法）10 - store.getCount()空记录。

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