ag-Grid 使用 CSS 自定义工具提示

Question

我想知道是否有办法使用 CSS 自定义内置工具提示和标题工具提示？有没有类名可以参考？

Answer 1

如果您想使用第三方库自定义工具提示，您可以使用单元格渲染器组件。
这是使用角度单元渲染器组件和 ngx-bootstrap 的示例。

@Component({
    selector: 'tooltip-cell',
    template: `<span tooltip="Custom text" container="body">{{params.value}}</span>`,
})
export class ToolTipRenderer implements ICellRendererAngularComp {
    public params: any;

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

    refresh(): boolean {
        return false;
    }
}

创建后，您可以使用frameworkComponents gridOption 注册自定义单元格渲染器组件。您可以在此处的官方文档中了解更多详细信息 以及有关Cell Renderer Components的更多详细信息