Flex DataGrid 伪合并单元格实现思路

<?xml version="1.0" encoding="utf-8"?> 
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" 
         width="100%" height="100%"
           
         autoDrawBackground="false"
         creationComplete="mxitemrenderer1_creationCompleteHandler(event)"
        > 
  <s:layout> 
    <s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/> 
  </s:layout> 
  <fx:Script> 
    <![CDATA[ 
      import mx.collections.ArrayCollection; 
      import mx.controls.Text; 
      import mx.events.FlexEvent; 
        
      protected function mxitemrenderer1_creationCompleteHandler(event:FlexEvent):void 
      { 
        var txt1:String = lbl.text.split(",")[0]; 
        var txt2:String = lbl.text.split(",")[1]; 
        lbl1.text = txt1; 
        lbl2.text = txt2; 
      
      } 
        
    ]]>
  </fx:Script> 
  <fx:Declarations> 
    <!-- 将非可视元素（例如服务、值对象）放在此处 -->
  </fx:Declarations> 
  <s:Label id="lbl" text="{dataGridListData.label}" visible="false" height="0"/> 
    
  <s:VGroup  id="vp" width="100%" height="100%" gap="2" > 
  <s:Label  id="lbl1" color="0x000000" textAlign="center" verticalAlign="middle" width="100%"/> 
  <mx:HRule width="100%" chromeColor="0x999999" alpha="0.3"/> 
  <s:Label  id="lbl2" color="0x000000" textAlign="center" verticalAlign="middle" width="100%"/> 
  </s:VGroup> 
  </s:MXDataGridItemRenderer>