Как добавить пустые строки в ExtJS Grid?

Question

У меня есть сетка с подкачкой.Каждая страница имеет максимум 10 строк.Например:

Я установил градиентный фон для селектора .x-grid3-scroller в CSS.Все хорошо, пока в DirectStore есть 10 пунктов.Но если элементов меньше 10, у меня возникает такая проблема:

Если установить полосатый фон для .x-grid3-scroller, в столбцах не будет границ.

Как добавитьпустые строки в сетке, чтобы подогнать сетку внизу?

Answer 1

После загрузки хранилища (используйте load listener) проверьте количество записей (метод 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);
});