Question

我使用Primeng数据表当没有记录发现它显示带消息的行时，如何隐藏该行？

.mp4

这个css对我不起作用：

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

Answer 1

你没有提到它，但你可能把css放在你的组件css文件中。因为，默认情况下，组件的封装是Emulated，它将使用自定义属性生成您的样式。

即

.ui-datatable-emptymessage{
    display:none
}

在编译后变成类似的东西

.ui-datatable-emptymessage[_ng-content0]{
    display:none
}

因此，它不适用于primeng。您可以将此css放在全局styles.css文件中，也可以将组件的ViewEncapsulation更改为None

e.g。

@Component({
   selector: 'my-comp',
   template: '',
   encapsulation: ViewEncapsulation.None
})

有关详细信息，请check the docs.

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

1 个答案: