仅省略号文本上方的 Ag-grid 工具提示

Posted

技术标签:

【中文标题】仅省略号文本上方的 Ag-grid 工具提示【英文标题】:Ag-grid tooltip above ellipsis text only 【发布时间】:2019-01-06 10:23:35 【问题描述】:

我在我的项目中使用企业版ag-Grid。 我在框下找到了工具提示支持并制作如下:

columnDefs = [

    headerName: 'USER NAME',
    field: 'userName',
    sortingOrder: ['asc', 'desc'],
    filter: 'agTextColumnFilter',
    filterParams: newRowsAction: "keep",
    floatingFilterComponentParams: suppressFilterButton: true,
    suppressMenu: true,
    tooltip: (t: any) =>  return t.value; 
, //...
];

工具提示工作正常,并显示在我的网格中“userName”列的每个单元格上方。 如果文本只是省略号,是否可以在标题/单元格上方显示工具提示?

提前致谢。

【问题讨论】:

【参考方案1】:

如果有人正在检查这个问题,也许可以使用this one 来检测是否显示省略号。

然后做这样的事情:

if (ellipsisIsShowing())
   return t.value;
else 
  return; //no tooltip will be shown

【讨论】:

以上是关于仅省略号文本上方的 Ag-grid 工具提示的主要内容,如果未能解决你的问题,请参考以下文章

鼠标悬停时在工具提示中显示全文

使用角度 5 中的指令激活省略号时如何激活工具提示?

amCharts 4:仅在截断的(带省略号)值上显示图例工具提示

如何在 Angular 6 中将工具提示文本包装在 ag-grid [关闭]

文字单行超出时隐藏不换行并且省略号提示/字母文字缩进间隔属性

带有省略号的 ReactJS 多行文本区域