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

Question

I have below ag grid field where I want to add ellipses - (...) for characters greater than 100.

I tried below looking at few material over internet , but its not working -

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

Answer 1

You should also set:

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

So:

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