admin管理员组

文章数量:1290264

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

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'}
}
  • javascript
  • jquery
  • css
  • reactjs
  • ag-grid
Share Improve this question edited Oct 14, 2021 at 13:11 C Sharper asked Oct 14, 2021 at 12:41 C SharperC Sharper 8,64630 gold badges93 silver badges158 bronze badges 2
  • It's ellipsis, not ellipses. See developer.mozilla/en-US/docs/Web/CSS/text-overflow – isherwood Commented Oct 14, 2021 at 12:46
  • ellipsis should be added automatically, see this example – ViqMontana Commented Oct 15, 2021 at 9:02
Add a ment  | 

2 Answers 2

Reset to default 4

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

  • Ag-grid by default adds ellipses to long test
  • but even if its not applying then try to add to cell

{
  display: block;
}

本文标签： javascriptHow can I add ellipses () for longer text in an AgGridStack Overflow

版权声明：本文标题：javascript - How can I add ellipses (...) for longer text in an AgGrid? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741439308a2378819.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。