聚合反应可编辑的环绕文字

Question

我正在尝试将文本包装在可编辑的注释字段中。在我按下Enter键后，它的高度不适合文本的内容，在编辑之前有文本时，它也不适合高度。我尝试了几种方法：

第一种方法，在getRowHeight中设置gridOptions

gridOptions = {
...
getRowHeight: function (params) {
        if (params.node && params.node.detail) {
          if (params.data && params.data.comments.legnth > 10) {
            return params.data.comments.length * 50; // just testing this ridiculous length, doesnt work
          }
        } else return 50;
      },
}

第二种方式，在我的columnDef中，定义cellStyle

{
          headerName: 'Comment',
          field: 'comment',
          width: 1050,
          editable: function(params) {
            return params.data.editable;
          },
          valueGetter: function(params) {
            return params.data ? params.data.comment : null;
          },
          valueSetter: function(params) {
            if (params.data.comment !== params.newValue) {
              params.data.comment = params.newValue;
              return true;
            } else {
              return false;
            }
          },
          autoHeight: true,
          cellStyle: {
            'white-space': 'normal' //only way i can see the text is overflow, which isnt the desire intention
          }
        }

第三种方式，在onGridReady上，数据分组发生变化： gridColumnApi.autoSizeColumns(['comments']);