带有角度材料工具提示的 ag 网格

Posted

技术标签:

【中文标题】带有角度材料工具提示的 ag 网格【英文标题】:ag grid with angular material tooltip 【发布时间】:2019-04-20 07:43:40 【问题描述】:

需要信息才能使用带有 ag 网格的 mat 工具提示,因为能够通过普通工具提示使用

 valueFormatter: this.tooltipFormatter
        , tooltip: function (params) 
          return (params.valueFormatted);
        

【问题讨论】:

【参考方案1】:

Ag 网格尚不支持高级工具提示。 您将不得不编写一个类似这样的自定义单元格渲染器组件 -

import Component from "@angular/core";
import ICellRendererAngularComp from "ag-grid-angular";

@Component(
    selector: 'child-cell',
    template: `<span matTooltip="material tooltip">params.value</span>`
)
export class ChildMessageRenderer implements ICellRendererAngularComp 
    public params: any;

    agInit(params: any): void 
        this.params = params;
    

    refresh(): boolean 
        return false;
    

有关如何使用组件注册自定义单元格渲染器的更多详细信息在这里 - Custom Component Example

Registering framework components

【讨论】:

以上是关于带有角度材料工具提示的 ag 网格的主要内容,如果未能解决你的问题,请参考以下文章

角度 ag 网格不适用于角度 5

如何从虚拟 API 获取数据并使用 AG 网格以角度显示它

在页面滚动时打开上方的角度材料工具提示并避免工具提示被隐藏

如何以角度在 ag-grid 上触发 firstDataRendered?

了解角度材料网格列表

角度 ag-grid 调整大小问题