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'}
}
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 }
}