2014-12-28 67 views
0

有没有一种方法让UI网格填充空行来填充网格的高度?有角度的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" 
    } 
    //... 
]; 

回答

2

当一个黑客,你可以随时的末尾添加空行gridOptions dat一,它会增加空字段

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

或事件最好加一个背景图像的DIV

 .ui-grid-render-container-body 

,看起来像您使用行网格的背景

+0

这是我结束做起来,添加虚拟行。感谢回复。 – egekhter