gpt4 book ai didi

angular - PrimeNG - p-dataTable 高度由行数设置

转载 作者:太空狗 更新时间:2023-10-29 17:46:27 32 4
gpt4 key购买 nike

我正在尝试找到修复 dataTable 高度的解决方案。

表格添加了分页。将页面更改为行数低于初始页面(在我们的示例中为第一页)的第二页,dataTable 的高度将发生变化。

最佳答案

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

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

::ng-deep 以 inside primeNg 元素 为目标。 ui-datatable-scrollable-body 类的 min-height: 0px 将被您所需的最小高度 覆盖

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

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

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

关于angular - PrimeNG - p-dataTable 高度由行数设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43282053/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com