Есть ли способ заставить UI Grid заполнить пустые строки, чтобы заполнить высоту вашей сетки?

CSS:
.myGrid{
width: 100%;
height: 600px;
}
HTML:
<div ui-grid="{data: folderData}" class="myGrid"></div>
JS:
$scope.folderData =[
{
"folderName": "My Photos",
"folderPath": "/path/pictures",
"fileCount": "400",
"fileSize": "150MB"
}
//...
];
Ответ 1 · рейтинг 2 · teter
В качестве хака вы всегда можете добавить пустые строки в конец данных gridOptions, и это добавит пустые поля.
for (i=0; i<30; i++)
scope.gridOptions.data. push({ name : 'folderName' , 'folderPath': '', 'fileCount' : '', 'filesize': '' });
Или событие лучше добавить фоновое изображение в качестве фона DIV
.ui-grid-render-container-body
это похоже на сетку строк, которую вы используете