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

前端之家收集整理的这篇文章主要介绍了angular – PrimeNG – 按行数设置的p-dataTable高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试找到一个解决方案来修复dataTable高度.

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

解决方法

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

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

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

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

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

https://plnkr.co/edit/8cFrCY?p=preview

猜你在找的Angularjs相关文章