Change header cell's style

[kiwon34]

Hello,

Is there a way to change the style(ex. color, font, etc) of each header cell? I want to change the style for each header directly by script.
Is there a simple way to do so?

[paramvir]

With css:

Assign column.cls ( e.g., someClass ) and write css rules that are applicable to header cells only.

Code: [Select]

.pq-grid-col.someClass{
  font-size: 15px;
  ...
}

With script:

Get reference to header cell with getCellHeader
https://paramquery.com/pro/api#method-getCellHeader

and assign css ( use jQuery css method ) in refreshHeader event of the grid.

Code: [Select]

grid.on('refreshHeader', function(){
  this.getCellHeader({}).css(.. your custom css ..);
})


[kiwon34]

Thank you very much! It helped a lot.

[paramvir]

There is easier and convenient API in v7 for header cells.

https://paramquery.com/pro/api#option-column-styleHead