Ag-grid 过滤器菜单自动调整大小

Posted

技术标签:

【中文标题】Ag-grid 过滤器菜单自动调整大小【英文标题】:Ag-grid filter menu automatically resizing 【发布时间】:2020-09-14 23:51:47 【问题描述】:

查看如何使 ag-grid 的过滤菜单自动调整大小(取决于内容)。 这里有一个exemple 带有 B 列和 C 列的工具提示。 在Column A 中,我会在不固定宽度的情况下制作更大的菜单(然后我可以在其他列中应用代码)。 也许通过更改 css 类 ag-filter-virtual-list-containerag-filter-virtual-list-item

【问题讨论】:

【参考方案1】:

使用 Material UI 弹出框组件。它会自动调整大小。Material UI PopOver

【讨论】:

感谢您的回答,但在这种情况下我更喜欢使用ag-grid的默认过滤器菜单,一些CSS代码可以处理这个问题。

以上是关于Ag-grid 过滤器菜单自动调整大小的主要内容,如果未能解决你的问题,请参考以下文章

调整单个页面中多个 ag-grid 实例的所有列的大小

角度 ag-grid 调整大小问题

ag-grid:key.forEach 在调整列大小时不是函数控制台错误

Ag-Grid:一旦列超出容器大小,调整列宽并显示水平滚动条

Bootstrap 下拉菜单在点击时自动调整大小

与 ember.js 中的模态叠加一起使用时,ag-grid 调整列的大小需要很长时间才能响应