remove separate bar between column header in datagrid

remove separate bar between column header in datagrid

Postby haretu » Tue Mar 22, 2011 11:38 am

Adobe flex

This example shows how to remove separate bar between column header in datagrid through setting headerSeparatorSkin.

Code: Select all
<?xml version="1.0" encoding="utf-8"?>
<mx:Application name="DataGrid_headerSeparatorSkin_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        backgroundColor="white" viewSourceURL="srcview/index.html">

    <mx:DataGrid id="dataGrid"
            headerSeparatorSkin="mx.skins.ProgrammaticSkin">
        <mx:dataProvider>
            <mx:ArrayCollection>
                <mx:Object c1="1. One" c2="1. Two" c3="1. Three" />
                <mx:Object c1="2. One" c2="2. Two" c3="2. Three" />
                <mx:Object c1="3. One" c2="3. Two" c3="3. Three" />
                <mx:Object c1="4. One" c2="4. Two" c3="4. Three" />
                <mx:Object c1="5. One" c2="5. Two" c3="5. Three" />
                <mx:Object c1="6. One" c2="6. Two" c3="6. Three" />
            </mx:ArrayCollection>
        </mx:dataProvider>
    </mx:DataGrid>

</mx:Application>
Attachments
67_1.JPG
67_1.JPG (17.51 KiB) Viewed 679 times
haretu
 
Posts: 132
Joined: Sat Jan 08, 2011 9:56 pm

Return to Adobe FLEX Flash

Who is online

Users browsing this forum: No registered users and 1 guest

cron