在可在Ag Grid中展开折叠的单元格中显示多行文字？

// 自定义渲染器
class MultiLineTextRenderer {
  init(params) {
    this.container = document.createElement('div');
    this.container.classList.add('multi-line-text-container');
    this.textElement = document.createElement('div');
    this.textElement.classList.add('multi-line-text');
    this.container.appendChild(this.textElement);

    this.container.addEventListener('click', () => {
      this.toggleText();
    });

    this.refresh(params);
  }

  refresh(params) {
    this.textElement.textContent = params.value;
  }

  getGui() {
    return this.container;
  }

  toggleText() {
    this.textElement.classList.toggle('expanded');
  }
}

// 在Ag Grid中使用自定义渲染器
const columnDefs = [
  {
    headerName: '多行文字',
    field: 'multiLineText',
    cellRenderer: 'multiLineTextRenderer',
  },
  // 其他列定义...
];

const gridOptions = {
  // 其他配置...
  components: {
    multiLineTextRenderer: MultiLineTextRenderer,
  },
};

// 创建Ag Grid实例
new agGrid.Grid(gridDiv, gridOptions);

// 假设有一个名为rowData的数据数组
gridOptions.api.setRowData(rowData);