Angular p-dataTable显示空消息行,如何隐藏它
我使用priming数据表 当没有找到记录时,它会显示一行消息,如何隐藏该行Angular p-dataTable显示空消息行,如何隐藏它,angular,primeng,Angular,Primeng,我使用priming数据表 当没有找到记录时,它会显示一行消息,如何隐藏该行 <p-dataTable> <p-column [style]="{'width': '500px'}" header="Artifacts"> <ng-template pTemplate="filter" let-col> <textarea rows="3" col
<p-dataTable>
<p-column [style]="{'width': '500px'}" header="Artifacts">
<ng-template pTemplate="filter" let-col>
<textarea rows="3" cols="30" style="width: 100%" pInputTextarea [(ngModel)]="parametersForAll['Artifacts']"
placeholder="Artifacts ..."></textarea>
</ng-template>
</p-column>
</p-dataTable>
您没有提到它,但您可能将该css放在组件css文件中。因为默认情况下,组件的封装是模拟的, 它将生成具有自定义属性的样式 即 编译后会变得像下面这样
.ui-datatable-emptymessage[_ng-content0]{
display:none
}
因此,它不适用于底漆。您可以将此css放在global styles.css文件中,也可以将组件的视图封装
更改为无
e、 g
有关更多信息,请参见,您使用的是什么版本的Priming?“Priming”:“^4.1.1”和“version”:“4.2.2”,我也做了同样的事情,它正在工作。检查这个plnkr-->还有,你把css放在哪里了?在一个组件内?或全局样式.css文件?谢谢!我把它放在global styles.css中,现在它工作得很好!!!!
.ui-datatable-emptymessage{
display:none
}
.ui-datatable-emptymessage[_ng-content0]{
display:none
}
@Component({
selector: 'my-comp',
template: '',
encapsulation: ViewEncapsulation.None
})