问题描述
我发现放置在 PrimeNG Splitter 面板内并在运行时添加行的 PrimeNG 11 表将父拆分器面板向上推以在其增长时挤出其上方的面板,基本上溢出包含面板.
页面有一个水平分隔器,顶部有一个面板用于各种活动,底部有一个面板,表格用于显示发生的事件。
当元素被添加到下分离器面板中的表格时,表格会增加高度以填充分离器面板,然后向上推动分隔条以挤出上分离器面板。一旦它尽可能地向上移动,它就会向下溢出并不受控制地从下部分离器面板中溢出。
我的问题是如何将表格限制在分离器面板中,并在上下移动时调整到任何分离器高度,但不自动更改分离器面板的高度。
我已经看过有关如何使表格在父容器内增长和滚动的 PrimeNG 示例(请参阅 https://www.primefaces.org/primeng/showcase/#/table/scroll)。
在拆分器面板中时,表格似乎不像在 PrimeNG 示例中那样尊重面板高度的大小。
我创建了一个显示此行为的示例项目。有两个选项卡,第一个显示带有表格自动增长和调整大小的拆分器面板。另一个面板复制了所需的行为,取自 PrimeNG 表格滚动示例
https://stackblitz.com/github/russfleming/splitter
我希望我错过了一些配置或样式选项,可以在不自动调整面板大小的情况下使表格在拆分器面板中增长。
我的项目使用 Angular 9 和 PrimeNG 11。PrimeNG 拆分器的文档位于 https://www.primefaces.org/primeng/showcase/#/splitter
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)