ExtJS の Grid の ヘッダーにスタイルを適用する

ExtJS の Grid の ヘッダーにスタイルを適用にまよったのでメモ

カラムの指定に

{header:'field1', css:'color: green;'},

のように指定すればセルにcssが適用されるが、
ヘッダに適用する為のコンフィグオプションは無くどうするか迷った。

　http://www.sencha.com/forum/showthread.php?94369-Grid-Header-Style&p=447180
をみるとidを指定しスタイルを書けばいいらしい。

スタイルの指定に迷ったが

{header:'field1', id:'field1'}

としたならば、

.x-grid3-hd-field1 {
  color: green;
}

セルも指定したいなら、

.x-grid3-hd-field1,.x-grid3-col-field1 {
  color: green;
}

とかけばいい。