Angular UI-Grid行填充程序

时间:2014-12-28 00:13:16

标签: angularjs angular-ui angular-ui-grid

有没有办法让UI网格填充空行来填充网格的高度?

enter image description here

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 个答案:

答案 0 :(得分:2)

作为一个黑客,你总是可以在gridOptions数据的末尾添加空行,它会添加空字段

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

或者事件更好地添加背景图像作为DIV的背景

     .ui-grid-render-container-body 

看起来像你使用的行网格