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

发布时间：2020-12-17 17:23:11 所属栏目：安全来源：网络整理

导读：我正在尝试找到一个解决方案来修复dataTable高度. 该表添加了分页.将页面更改为第二页,其中行数较低,如初始页面(在我们的第一页中),dataTable高度将更改. 解决方法对我来说,它使用以下css语句： ::ng-deep .ui-datatable-scrollable-view .ui-datatable-scr

我正在尝试找到一个解决方案来修复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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!