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%;
}