我尝试将ag-grid的一行内容 Package 到多行中，但无法将内容显示在多行中。行的数据是在特定条件检查时动态提供的。我尝试使用white-space:normal属性，但它没有任何作用。我也尝试使用wrap-text，但它不是有效的属性。以下是我的代码供参考。

组件.ts

columnDefs = [
    {headerName: 'S.No.', field : 'SNo'},
    {headerName: 'Error Description', field: 'Error_Description', autoHeight: true},
]
rowData = []

将数据提供给行

for(let i = 0; i<this.validationErrors.length;i++){
    let errorObj={};
    errorObj["SNo"]=i+1;
    errorObj["Error_Description"]=this.validationErrors[i];
    this.rowData=[...this.rowData, errorObj]
}

这是展示的快照

索引.htmlx1c 0d1x

如图所示，AZAAAAAA....部分溢出。下面是隐式应用于单元格的css。

style.css

.ag-cell {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    text-overflow: initial;
    white-space: inherit;
}

如果我尝试将text-overflow属性更改为initial，或者尝试将white-space更改为normal，则会剪切整个AZAAA...部分。如何解决此问题？

**注意：**我没有使用任何API来处理行或列，我只是定义了2个数组，并将它们绑定到html，如下所示：

<ag-grid-angular [hidden]="isValid" class="ag-theme-balham" [rowData]="rowData" [columnDefs]="columnDefs">
<!-- Show table -->
</ag-grid-angular>