我正在使用Ag-gird和Vanilla JS。我打开了fullRowEditing,并向我的gridOptions添加了一个“ getRowHeight”功能。但是,当我选择要编辑的行时,该行的高度会缩小以仅显示1行。是否可以更改编辑的行高?
使用ag-grid 20.0.0和香草javascript。
我已经尝试过愚蠢的东西。...
getRowHeight : {
return 300;
},
getEditingRowHeight : {
///doesn't work -- various permutations of getEditxxxRowHeight
return 400;
}
我放入了一个自定义的div控件,该控件仅将高度和宽度为100%的div设置为蓝色。
function DivComponent() {}
CustomControlComponent.prototype.init = function (params) {
var template = "<div style='width: 100%, height: 72px, color: blue, border-color: blue'></div>";
this.eGui = document.createElement('div');
this.eGui.innerHTML = template;
.....
}
..... other normal stuff ....
当我单击该行时,它会触发编辑事件。然后我的Div缩短到只有1行高。当我不编辑时,控件很好。但是,编辑会使所有控件紧缩,而不会使行紧缩。所以你最终像这样:
不编辑:
| Column | Column Div |
-----------------------------
| 1 ||##############||
| ||##############||
| ||##############||
| ||##############||
| ||##############||
-----------------------------
编辑:
| Column | Column Div |
-----------------------------
| 1 ||##############||
| | |
| | |
| | |
| | |
-----------------------------
如何使编辑内容分散到正常的行高?不会触发getRowHeight()进行编辑,并且高度现在由CSS确定
.ag-theme-balham .ag-cell-inline-editing(28px)。
如何获得28像素以反映我的身高设定值?
编辑后添加:
我的DIV控件最终将变为可变高度。因此,我不能使用全面的CSS(我知道吗?)。第1行可能是72像素,第2行可能是36像素。我试过使用autoHeight而不是。只显示就可以,但不能编辑。