首页 > 解决方案 > Primeng:与表格和其他元素的对话框中表格滚动条的高度错误

问题描述

当表格在嵌入其他元素的对话框中时,表格的滚动条过高。

查看以下链接下的示例: https ://stackblitz.com/edit/primeng-tablescroll-dialog?file=src/app/app.component.ts

有谁知道如何纠正这个问题。

错误的:

在此处输入图像描述

应该是这样的:

在此处输入图像描述

标签: angularprimengprimeng-turbotable

解决方案


要删除外部滚动条,您可以添加styles.css以下内容:

.p-dialog-content {
  overflow-y: hidden !important;
}

如果您愿意使用.scss而不是.css您将能够在本地组件中执行相同的操作(在您的情况下是app.component.scss),而不是styles.css通过如下方式在中进行样式设置:

:host ::ng-deep .p-dialog-content {
  overflow-y: hidden !important;
}

推荐阅读