--- In [email protected], "Felino" <p...@...> wrote: > > > > Thanks. I was able to do as you suggest the function is like > > private function selectColumnAt(columnIndex:int):void > { > if (columnIndex > 0) > { > if (_selectedColumnIndex != columnIndex) > { > deselectColumns(); > var selectedColumn:DataGridColumn =this.columns[columnIndex]; > selectedColumn.setStyle("backgroundColor", "0x7FCEFF"); > selectedColumn.setStyle("headerStyleName", > "selectedDataGridHeaderStyle"); > _selectedColumnIndex = columnIndex; > } > } > } > > The only problem is that I can't change the background color of the column > header. > > I have a style defined as > > .selectedDataGridHeaderStyle { > fontWeight: "bold"; > backgroundColor: "red"; > background-color: "blue"; > } > > The header text changes to bold but the background color doesn't change. Any > ideas?
Probably the column header class doesn't extend something that uses Halo Border. You'll need to add a halo border to the existing base class, extend something that uses it, or roll your own class that has its own backgroundColor style that you create. HTH; Amy

