Angular p-dataTable显示空消息行,如何隐藏它

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

我使用priming数据表 当没有找到记录时,它会显示一行消息,如何隐藏该行

<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
})