Assign color to column group headers - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: color, column, columngroup, grid, group, Header, hierarchy, jqxgrid, render, renderer, styling

This topic contains 2 replies, has 3 voices, and was last updated by Brian 10 years, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Assign color to column group headers Posts
May 6, 2014 at 1:14 pm Assign color to column group headers #54046

Anmol Jain
Participant

Hi,

Is there any way to assign different colors to the column group headers.

May 8, 2014 at 8:00 am Assign color to column group headers #54174

Dimitar
Participant

Hello Anmol Jain,

Unfortunately, column group header styling is not currently supported.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

October 30, 2014 at 4:49 pm Assign color to column group headers #61889
Brian
Participant
I was able to do this using the CSS3 selector :nth-of-type(n) to target each column header.
```
.jqx-widget-header:nth-of-type(3), .jqx-widget-header:nth-of-type(4), .jqx-widget-header:nth-of-type(9){
	background-color: #D0F5A9;
}
```
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.