作者:herogan | 来源:互联网 | 2023-05-25 11:21
我想在ui-Grid 3.0中显示' No Data Available ',如果来自ajax的响应包含空的json数据数组ie;
data = {"data": []};
现在,如果我这样做 -
$scope.gridOptions.data = data.data;
'无数据'必须在ui-Grid中出现.
目前发生的是,如果数据为空,用户将获得空白屏幕.
另外如何将其作为默认功能?
在这里查看plunker.
1> klode..:
你可以使用"水印"(plunker)(更新的plunker)
模板
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;
}