Javascript 使用自定义cellRenderer时Ag Grid autoHeight和wrapText不工作

我正在尝试将长单元格值的文本包装起来。根据文档设置

autoHeight=true

和

wrapText=true

在没有

cellRenderer

组件的情况下工作正常。但是当使用

CellRenderFramework

React组件时，似乎不起作用。我试图在自定义单元格渲染器中设置样式，但也无法正常工作。任何帮助都将不胜感激

AgGrid组件如下所示

<AgGridReact
    {...configs}
    onGridReady={onGridReady}
    masterDetail={true}
    suppressContextMenu
    detailCellRenderer='agCustomDetailTimelineRenderer'
    detailRowHeight={140}
    frameworkComponents={{
        agCustomRenderer: CustomRenderer,
    }}>
    {configs.columnDefs.map((columnDef) => (
        <AgGridColumn {...columnDef} />
    ))}
</AgGridReact>

我的自定义组件是

import React from 'react';

const CustomRenderer = (props) => {
  return (
    <div
      style={{ height: '100%', whiteSpace: 'normal', wordBreak: 'break-all' }}>
      {props.value}
    </div>
  );
};

export default CustomRenderer;

从“React”导入React；
const CustomRenderer=（道具）=>{
返回(
{props.value}
);
};
导出默认自定义渲染器；

import React from 'react';

const CustomRenderer = (props) => {
  return (
    <div
      style={{ height: '100%', whiteSpace: 'normal', wordBreak: 'break-all' }}>
      {props.value}
    </div>
  );
};

export default CustomRenderer;