Tag Archives: horizontalGridLines

Styling the Flex DataGrid control using a custom separator skins

The following example demonstrates how you can customize the Flex 3 DataGrid control by specifying a custom skin for the horizontalSeparatorSkin and verticalSeparatorSkin styles.

These styles were added in Flex 3 and will not work with Flex 2.0.1.

Full code after the jump.

Continue reading Styling the Flex DataGrid control using a custom separator skins

Toggling a DataGrid control’s horizontal grid lines and vertical grid lines

OK, this is a pretty neat trick. Flex makes it pretty easy to customize the look and feel of the DataGrid. For example, the following code lets you toggle the data grid’s horizontalGridLines and verticalGridLines styles on or off, change the alternating row background colors so each row is a plain white, and sets the horizontalGridLineColor and verticalGridLineColor styles to red.

Full code after the jump.

Continue reading Toggling a DataGrid control’s horizontal grid lines and vertical grid lines