PrimeNG - 按行数设置的p-dataTable高度

Question

我正在尝试找到一个解决方案来修复dataTable高度.

该表添加了分页.将页面更改为第二页,其中行数较低,如初始页面(在我们的第一页中),dataTable高度将更改.

Answer 1

对我来说,它使用以下css语句:

::ng-deep .ui-datatable-scrollable-view .ui-datatable-scrollable-body {
    min-height: 400px;
    border: 1px solid #D5D5D5;
}

:: NG-深的目标内部的primeNg元素<p型的dataTable>.ui-datatable-scrollable-body类的最小高度:0px 将被您想要的最小高度覆盖.

使用两个css选择器而不是一个来增加css选择器的特异性.

我创建了以下plunker来说明它是如何工作的.