Ag-Grid настроить подсказку с помощью CSS

Question

Мне было интересно, есть ли способ настроить встроенную подсказку и подсказку заголовка с помощью CSS?Есть ли имя класса, на которое можно сослаться?

Answer 1

Да, в 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;
}

Answer 2

Если вы хотите настроить всплывающую подсказку с помощью сторонней библиотеки, вы можете использовать компонент рендеринга ячеек.
Вот пример использования углового компонента рендеринга ячеек и 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