Row headers are implemented with Active.Templates.Item template and column headers with Active.Templates.Header template (Active.Templates.Item subclass).
Assigning CSS rules to .active-templates-header or .active-templates-item will change appearance of all headers:
/* column headers */
.active-templates-header {
font-weight: bold;
color: green;
}
/* row headers */
.active-templates-item {
text-align: right;
color: red;
}
To change appearance of one column header you have to use .active-column-n selector combined with .active-scroll-top (othervise it will affect the whole column):
/* single column */
.active-scroll-top .active-column-1 {
font-weight: bold;
color: green;
}
Item (and Header) templates consist of two nested DIVs, so if you want to change the background, borders or padding you have to apply the rules either on .active-box-normal (outer DIV) or .active-box-item (inner DIV):
/* row header background */
.active-scroll-left .active-box-item {
background: green;
}
/* column header background */
.active-scroll-top .active-box-item {
background: red;
}