0 Replies Latest reply on Sep 19, 2008 10:10 PM by jdee138

    Background color for a datagridcolumn component

    jdee138
      How do I make sure that the background color of a datagridcolumn component is the same as the row. By default the rows alternate in color. If I add a component to a column that component has it's own default color that will be different to the row.

      <mx:DataGrid id="myGrid" variableRowHeight="true" dataProvider="{fxcPager.pageData}" selectable="false" wordWrap="true" width="100%" height="80%" >
      <mx:columns>
      <mx:DataGridColumn width="75" dataField="dateofaddition" sortDescending = "true" headerText="Date of Creation"/>
      <mx:DataGridColumn dataField="shorttitle" headerText="Short Title" wordWrap="true"/>
      <mx:DataGridColumn minWidth="300" headerText="item x" wordWrap="true" resizable="true" >
      <mx:itemRenderer>
      <mx:Component>
      <mx:TextArea editable="false" text="{data.itemx}" borderStyle="none"/>
      </mx:Component>
      </mx:itemRenderer>
      </mx:DataGridColumn>
      </mx:columns>
      </mx:DataGrid>

      In the above example the entire column "item x" is white, while the rows (apart from this column) alternate from white to grey.

      How do I get item x to conform to the rest of the row.