如何使用自定义itemrenderer在datagrid列中对齐两个组件（复选框和标签）

Question

我正在开发一个应用程序，我需要对齐复选框＆amp;标签在一个datagrid coloumn中。我创建了带有复选框和放大器的自定义项目渲染器。标签。下面是我的自定义itemrenderer的代码，

截至目前，它没有显示正确的对齐方式。任何人都可以提出相同的意见。

`<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                    xmlns:s="library://ns.adobe.com/flex/spark" 
                    xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true">

    <fx:Script>
        <![CDATA[
            override public function prepare(hasBeenRecycled:Boolean):void {
                lblData.text = data[column.dataField]
            }
        ]]>
    </fx:Script>

    <s:HGroup verticalAlign="middle" horizontalAlign="center">
        <s:CheckBox id="myCheckBox" selected="false"/>
        <s:Label id="lblData" text="{data.FirstName}"/>
    </s:HGroup>
</s:GridItemRenderer> `