angular - Primeng:与表格和其他元素的对话框中表格滚动条的高度错误
问题描述
当表格在嵌入其他元素的对话框中时,表格的滚动条过高。
查看以下链接下的示例: https ://stackblitz.com/edit/primeng-tablescroll-dialog?file=src/app/app.component.ts
有谁知道如何纠正这个问题。
错误的:
应该是这样的:
解决方案
要删除外部滚动条,您可以添加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;
}
推荐阅读
- java - Java 客户端不与远程 TCP 服务器 Android 应用程序形成套接字
- python - 使用 sodapy 客户端时如何修复 Python 中的“ImportError: cannot import name 'Socrata'”错误?
- c++ - 我应该更喜欢类或命名空间范围内的静态 const 变量吗?
- c# - 如何使用 CSOM 将(多个)文件上传到 SharePoint Online?
- powershell - Get-WMIObject 在脚本中返回多个响应,单独运行时只有一个
- html - 使用链接下载 json 文件
- postgresql - 如何在 MacOS 上关闭没有 pg_ctl 的 Postgres 9.6.11?
- c - 调试中的枚举在步骤后没有值
- python - 嵌套字典替换先前的值 + 键而不是附加
- .net - 如何使用 Visual Studio 2017 Performance Profiler 调试 UI 线程