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注册自定义单元格渲染器组件。您可以在官方文档here中了解更多详细信息以及有关Cell Renderer Components

的更多详细信息

Answer 2

是的，ag-grid.css中有一个名为ag-tooltip的类

我可以自定义默认的headerTooltip，如下所示：

.ag-tooltip{
   background-color: #0f1014;
   color: #999eab;
   border-radius: 2px;
   padding: 5px;
   border-width: 1px;
   border-style: solid;
   border-color: #545454;
}

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

2 个答案: