Flex3 去掉datagrid的列的竖线

[xjgzx0]

verticalGridLines="false"去掉表格的分隔线，headerSeparatorSkin="mx.skins.ProgrammaticSkin"去掉表头的竖线。
sample如下：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" >
<mx:DataGrid x="124" y="124" verticalGridLines="false" headerSeparatorSkin="mx.skins.ProgrammaticSkin">
<mx:columns>
<mx:DataGridColumn headerText="Column 1" dataField="col1"/>
<mx:DataGridColumn headerText="Column 2" dataField="col2"/>
<mx:DataGridColumn headerText="Column 3" dataField="col3"/>
</mx:columns>
</mx:DataGrid>



</mx:Application>

[lobtao]

没有用过，留着挺方便的，为啥要去掉

[kgonihao]

解决了，要结贴给分哦：只需在你的ProgrammaticSkin中写入如下代码即可：

<?xml version="1.0" encoding="utf-8"?>

<!--

ADOBE SYSTEMS INCORPORATED
Copyright 2008 Adobe Systems Incorporated
All Rights Reserved.

NOTICE: Adobe permits you to use, modify, and distribute this file
in accordance with the terms of the license agreement accompanying it.

-->

<!--- The Spark skin class for the separator of the MX DataGrid component. 

@see mx.controls.DataGrid

@langversion 3.0
@playerversion Flash 10
@playerversion AIR 1.5
@productversion Flex 4
-->
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
			 width="2" height="10" mouseEnabled="false" mouseChildren="false">    
	
	<fx:Script>
		/**
		 * @private
		 */
		override protected function initializationComplete():void
		{
			useChromeColor = true;
			super.initializationComplete();
		}
	</fx:Script>
	
</s:SparkSkin>

[lori0801]

<?xml version="1.0" encoding="utf-8"?> <mx:Application name="DataGrid_headerSeparatorSkin_test" xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="white"> <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>