AG Grid Wrap 文本中的空格是否可以断词

Question

我正在 React Web 应用程序中使用 Ag Grid。 问题是我需要显示很长的文本。 当我使用

wrapText={true}

和

autoHeight={true}

属性时，所有内容都按预期划分为线条。 尽管大多数情况下文本换行发生在某个单词上，即使有足够的空间可以在空格上换行。

<AgGridColumn
   headerName={'content'}
   editable={true}
   field="content"
   flex={1}
   wrapText={true}
   autoHeight={true} />

我想知道是否有一些方法可以在空间上进行线制动？

Answer 1

我作弊，只是将其添加到页面以克服缺点

.ag-cell-wrap-text {
      word-break: break-word;
}

但如果你愿意的话，你可能可以更好地瞄准它，我还没有看到任何负面副作用，但这并不意味着没有任何副作用。

Answer 2

列定义= [ { 字段：'字段名称'，wrapText：true，autoHeight：true， cellRender：（参数）=> { 返回 （

{ 参数.值 } ） } } ]