Заполнители строк Angular UI-Grid

Есть ли способ заставить 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"
    }
    //...
];

angularjs angular-ui angular-ui-grid
person egekhter    schedule 28.12.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

В качестве хака вы всегда можете добавить пустые строки в конец данных gridOptions, и это добавит пустые поля.

for (i=0; i<30; i++)
   scope.gridOptions.data. push({ name : 'folderName' , 'folderPath': '', 'fileCount' : '', 'filesize': '' });

Или событие лучше добавить фоновое изображение в качестве фона DIV

     .ui-grid-render-container-body

это похоже на сетку строк, которую вы используете

person teter    schedule 28.01.2015
comment
Вот что я в итоге сделал, добавив фиктивные строки. Спасибо за ответ. - person egekhter; 03.02.2015