如果ajax的响应包含空的json数据数组,我想在ui-Grid 3.0中显示“No Data Available”.
data = {"data": []};
现在如果我这样做 –
$scope.gridOptions.data = data.data;
“无数据可用”必须在ui-Grid中.
目前发生的情况是,如果数据为空,用户将获得空白屏幕.
还如何使其成为默认功能？
看到plunker这里.
你可以使用“水印”(
plunker)(
updated plunker)
模板
<div ui-grid="gridOptions" ui-grid-selection ui-grid-exporter class="grid">
<div class="watermark" ng-show="!gridOptions.data.length">No data available</div>
</div>
CSS
.watermark {
position: absolute;
top : 80px;
opacity: 0.25;
font-size: 3em;
width: 100%;
text-align: center;
z-index: 1000;
}
编辑：
使.watermark独立于特定的父大小：
.watermark {
position: absolute;
top: 50%; <---- Center vertically in the parent element,transform: translateY(-50%); <---- it works for any parent height
opacity: 0.25;
font-size: 3em;
width: 100%;
text-align: center;
z-index: 1000;
}
