Ag Grid-如何将标准单元格编辑器的宽度和高度设置为单元格的整个宽度和高度

Question

我有一个标准的单元格编辑器，当我处于编辑模式时，单元格编辑器的宽度和高度不是单元格的完整宽度和高度。

我应该覆盖样式还是配置中有任何标志来关闭此效果？

Answer 1

我有同样的问题。如果看一下DOM，您会看到ag-grid在所有自定义编辑器周围添加了一个包装div，实际上就是这个div是问题所在。我通过将其添加到我的全局CSS中解决了该问题：

.ag-react-container {
    // This class is used on divs automatically inserted by AgGrid around custom cell editors.
    // Without this, I don't know of another way of ensuring that the underlying <input> can take
    // up 100% of the height of the parent cell, if it so chooses to.
    height: 100%;
}

Answer 2

我认为一种更好的方法是仅修改内联样式编辑器css：

.ag-theme-balham .ag-cell.ag-cell-inline-editing{
 height: 100%;
}