如何在 Ag Grid 中为较长的文本添加省略号 (...)？

Question

我有下面的 ag 网格字段，我想在其中为大于 100 的字符添加省略号 - (...)。

我在下面尝试通过互联网查看一些 material，但它不起作用 -

{
  field : 'Latest Comments',
  headerName :  'Latest Comments',
  width : 250,
  cellStyle : { 'text-overflow':'ellipsis','white-space':'nowrap'}
}

Answer 1

您还应该设置：

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

所以：

{
    field : 'LatestComments',
    headerName :  'Latest Comments',
    maxWidth : 250,
    minWidth : 250,
    cellStyle : { 'text-overflow':'ellipsis','white-space':'nowrap', 'overflow': 'hidden', 'padding': 0 }
}

如何在 Ag Grid 中为较长的文本添加省略号 (...)？

How can I add ellipses (...) for longer text in an AgGrid?

javascript

css

jquery

reactjs

ag-grid