ag-grid：列見出しにカスタム背景色を設定するにはどうすればいいですか？

Question

私は角度4のag-gridを使用しています。 実行時に個々の列ヘッダーの背景色を変更したいと考えています。

coldefsでheaderComponentFrameworkプロパティを使用する必要があるようですが、これをどのように使用するかはわかりません。 誰もがアイデアを持っていますか？

について、あなたは何をしたいのようなヘッダ・コンポーネントを示してい アレックス

Answer 1

Here is a plunker。私はそれをdocs for 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; 
    } 
} 

より詳細な説明のために彼らのdocsに確認してください、彼らは毎日