仅省略号文本上方的 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 工具提示的主要内容,如果未能解决你的问题,请参考以下文章
amCharts 4:仅在截断的(带省略号)值上显示图例工具提示
如何在 Angular 6 中将工具提示文本包装在 ag-grid [关闭]