AG Grid v27.3.0 Set Filter筛选列表高度调整及内容换行问题

你遇到的是AG Grid Set Filter默认样式限制内容换行的问题，当前CSS仅设置了高度，但缺少强制换行的关键属性，且存在样式优先级不足的情况。

尝试替换为以下CSS代码：

:host ::ng-deep .ag-set-filter-item {
  height: max-content !important;
  white-space: normal;
  word-wrap: break-word;
}

:host ::ng-deep .ag-set-filter-item-label {
  white-space: normal;
  word-wrap: break-word;
}

关键说明： #

• white-space: normal 取消AG Grid默认的nowrap设置，允许文本自动换行
• word-wrap: break-word 确保长单词或连续无空格字符能被拆分换行
• !important 提升样式优先级，覆盖AG Grid内置的默认样式规则
• 单独设置.ag-set-filter-item-label是因为筛选项的文本实际包裹在这个子元素中，仅设置父元素可能无法生效

如果仍未生效，可检查是否有其他自定义CSS覆盖了这些样式，或尝试结合你的组件类名使用更具体的选择器。

内容的提问来源于stack exchange，提问作者coder12349