Css Priming使可滚动数据表高度响应

提供一个

[scrollable]

属性来定义垂直和/或水平滚动。这必须与一组

scrollHeight

和/或

scrollWidth

组合使用

我怎么能有一个表，可以调整到任何高度/宽度的窗口，同时保持滚动功能

以下是我尝试过的代码：

全局搜索：

我不知道这是否适合您的情况，但我通过将scrollHeight datatable属性设置为：

scrollHeight="50vh"

vh指：

vh相对于视口高度的1%

视口=浏览器窗口大小。如果视口宽度为50厘米，则1vw=0.5厘米

您可以测试不同的vh值，看看什么更适合

更多关于：

---

我在

p-table

中使用此选项（不确定是否可以在

p-datatable

中使用）

[滚动高度]=“计算（100vh-204px）”

滚动高度必须为100%。

您可以在ts文件中获得内部高度和内部宽度，如

setInnerWidthHeightParameters()
  {
    this.innerWidth = window.innerWidth;
    this.innerHeight = window.innerHeight * 0.70;
  }

并将其用作

[scrollHeight]="innerHeight +'px'"

---

为了动态地设置它，它对我很有效。

对于其他搜索类似问题的人，我用以下方式解决它们：

使用（例如）#leftSidebar在模板中标记父div

在组件使用视图子级中：

@ViewChild（'leftSidebar'，{static:true}）leftSidebar:ElementRef

您可以访问它并获得如下位置和大小：

让rect:any=this.leftSidebar.nativeElement.getBoundingClientRect（）； 设x:number=rect.x； 设y:number=rect.y； let width:number=rect.width； let height:number=rect.height

您可以像上面描述的那样进行设置：

[滚动高度]=“高度+'px'”

---

老兄，你解决这个问题了吗？在这里尝试同样的事情。你能解释一下为什么用204px减去vh值吗？