AG-GRID:有没有一种方法可以在一行上具有展开/折叠功能，并在展开的区域中显示自定义内容？

// 自定义组件，用于展示自定义内容
class CustomContentComponent extends React.Component {
  render() {
    return (
      <div>
        {/* 自定义内容 */}
        <p>这是自定义内容</p>
      </div>
    );
  }
}

// 自定义渲染器
function customRenderer(params) {
  // 监听展开/折叠事件
  function toggleExpand() {
    const expanded = !params.node.expanded;
    params.setExpanded(expanded);
  }

  return (
    <div>
      {/* 展开/折叠按钮 */}
      <button onClick={toggleExpand}>
        {params.node.expanded ? '折叠' : '展开'}
      </button>
      {/* 自定义内容 */}
      {params.node.expanded && <CustomContentComponent />}
    </div>
  );
}

// 列定义
const columnDefs = [
  {
    headerName: '操作',
    field: 'actions',
    cellRenderer: customRenderer, // 使用自定义渲染器
  },
  // 其他列定义...
];

// AG-GRID配置
const gridOptions = {
  columnDefs: columnDefs,
  // 其他配置...
};

// 创建AG-GRID实例
new agGrid.Grid(gridDiv, gridOptions);