如何根据内容设置单元格编辑器的高度？

Question

我有一个带有cellEditoragRichSelectCellEditor的ag-grid表格，并且我想将高度默认设置为与内容大小相同。在附加的图片中，我在我的agRichSelectCellEditor底部留有空间，我希望编辑器的大小与内容大小相同，并删除底部的空间。当有4个以上选项时，它可以正常工作，底部没有空间。

 cellEditor: "agRichSelectCellEditor"

这似乎是ag-grid单元格编辑器的标准，如果您在官方文档中的cellEditor示例中点击男性，它似乎也有空白处（请参见下面的图像）。这里有一个链接到ag-grid单元格编辑器文档，其中包括一个具有相同“问题”的表格示例：Cell editing Ag-grid-angular documentation 用例的Plunker示例：Ag-grid agRichSelectCellEditor example

在ag-grid中，是否可以将默认的最小高度修改为根据内容大小而定？

- Filip Huhta

---

你能创建一个StackBlitz示例吗？ - undefined

在这里添加了一个链接，链接到ag-grid的官方文档，其中有一个相同案例的示例和源代码。 - undefined

如果您能提供一个 StackBlitz 示例，那就太好了，因为您提供的链接中没有 TypeScript 的示例。 - undefined

在plunker中更新了问题并附上了一个示例。 - undefined

Answer 1

以下样式应该使列表的高度适合其内容的大小：

div.ag-rich-select .ag-rich-select-list {
    width: 100%;
    min-width: 200px;
    background-color: lightgreen;
    height: 100% !important;    
}

然而，样式并没有被覆盖。看起来需要通过一些代码（如文档中所述或通过将上述类添加到style.scss文件中）来覆盖样式。

- StepUp