Bezdepbonusu7Программирование: статьи и ответы

Вопрос

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

Автор вопроса: egekhterОтветов: 1

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

angularjsangular-uiangular-ui-grid

Ответы

Ответ 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

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

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы