带角材料的AG网格工具提示

时间:2018-11-17 08:00:05

标签: angular angular-material ag-grid

需要信息才能将垫工具提示与ag网格一起使用,以便能够通过以下方式使用常规工具提示

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

1 个答案:

答案 0 :(得分:0)

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