Anyway to change the style of datagrid?

Question

I am trying to change the header color and the row color of the datagrid. Apparently, its not a spark component so can't apply skin on it. Anyone knows how to style it? Thanks.

Answer 1

http://docs.huihoo.com/flex/4/mx/controls/DataGrid.html#styleSummary

headerBackgroundSkin headerColors headerDragProxyStyleName headerSeparatorSkin headerStyleName

I'm pretty sure the header is a button, so by using the headerStyleName you should be able to specify any button style.

Answer 2

http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html

I am fairly new to flex and have found that flex style explorer is really useful for figuring out which properties to change. DataGrid is one of the components it supports.

Answer 3

.datagridHeader
{
 color:#365e78;
 font-size:12;
 font-family:Arial,"_sans";
 font-weight:bold;
}
mx|DataGrid
{
 alternating-item-colors: #FFFFFF, #FFFFFF;/*keep background completely white*/
 header-style-name:"datagridHeader";
 /*header-background-skin:ClassReference("skin.header_btn");*/
 chrome-color:#41b2ff;
}