ag-grid：如何在列标题中设置自定义背景颜色？

Question

我在 Angular 4 中使用 ag-grid。我希望能够在运行时更改各个列标题的背景颜色。

似乎我必须在coldefs 中使用 headerComponentFramework 属性，但我不知道如何使用它。有人有想法吗？

问候，亚历克斯

Answer 1

这是一个 plunker，它演示了您想要的标头组件。我从ag-grid 文档中的示例中获取了它。主要看一下header.component.html，这就是神奇之处。

我认为唯一令人困惑的部分是当您创建 HeaderComponent 时：

export class HeaderComponent implements IHeaderAngularComp {
    public color: string = '#'+(Math.random()*0xFFFFFF<<0).toString(16);
    public params: MyParams;
    private elementRef: ElementRef;

    ...

    //You will need to get the params from agInit so that you can access
    //the value for each column

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

请查看他们的文档以获取更多解释，他们每天都在进步