Apache flex Flex dataGrid列缺少标题文本

我创建了一个组件，它是多个并排共享相同列的数据网格（每个数据网格与前面的数据网格相同，但数据不同）

    <common:PageDataGrid width="100%" height="100%"
        numGroups="5" numRows="9" dataProvider="{createData(5, 9)}">
        <common:columns>
            <mx:DataGridColumn dataField="ext" headerText="EXT." width="45"/>
            <mx:DataGridColumn dataField="name" headerText="ASSIGNED TO"/>
        </common:columns>
    </common:PageDataGrid>

问题

    <common:PageDataGrid width="100%" height="100%"
        numGroups="5" numRows="9" dataProvider="{createData(5, 9)}">
        <common:columns>
            <mx:DataGridColumn dataField="ext" headerText="EXT." width="45"/>
            <mx:DataGridColumn dataField="name" headerText="ASSIGNED TO"/>
        </common:columns>
    </common:PageDataGrid>

标题文本仅显示在最后一个数据网格上。如何使文本显示在所有datagrid标题上

    <common:PageDataGrid width="100%" height="100%"
        numGroups="5" numRows="9" dataProvider="{createData(5, 9)}">
        <common:columns>
            <mx:DataGridColumn dataField="ext" headerText="EXT." width="45"/>
            <mx:DataGridColumn dataField="name" headerText="ASSIGNED TO"/>
        </common:columns>
    </common:PageDataGrid>

下面是我如何实例化组件的

    <common:PageDataGrid width="100%" height="100%"
        numGroups="5" numRows="9" dataProvider="{createData(5, 9)}">
        <common:columns>
            <mx:DataGridColumn dataField="ext" headerText="EXT." width="45"/>
            <mx:DataGridColumn dataField="name" headerText="ASSIGNED TO"/>
        </common:columns>
    </common:PageDataGrid>

下面是我如何创建数据网格的

    <common:PageDataGrid width="100%" height="100%"
        numGroups="5" numRows="9" dataProvider="{createData(5, 9)}">
        <common:columns>
            <mx:DataGridColumn dataField="ext" headerText="EXT." width="45"/>
            <mx:DataGridColumn dataField="name" headerText="ASSIGNED TO"/>
        </common:columns>
    </common:PageDataGrid>

        for(var i:uint=0; i < _numGroups; i++)
        {
            dataGrid = new DataGrid();
            dataGrid.headerHeight = 25;
            dataGrid.rowCount = _numRows;
            dataGrid.rowHeight = 25;
            dataGrid.percentWidth = 100;
            dataGrid.dataProvider = dataGridProviders.getItemAt(i);

            dataGrid.columns = this._columns;

            dataGrid.addEventListener(DataGridEvent.HEADER_RELEASE, onHeaderRelease);

            this.addChild(dataGrid);
        }

for（变量i:uint=0；i<\u numGroups；i++）
{
dataGrid=新的dataGrid（）；
dataGrid.headerHeight=25；
dataGrid.rowCount=\u numRows；
dataGrid.rowHeight=25；
dataGrid.percentWidth=100；
dataGrid.dataProvider=dataGridProviders.getItemAt（i）；
dataGrid.columns=此列；
dataGrid.addEventListener（DataGridEvent.HEADER_发布，onHeaderRelease）；
this.addChild（dataGrid）；
}

在将datagridcolumns分配给DataGrid之前，需要对其进行深度复制。这是我需要做的

    <common:PageDataGrid width="100%" height="100%"
        numGroups="5" numRows="9" dataProvider="{createData(5, 9)}">
        <common:columns>
            <mx:DataGridColumn dataField="ext" headerText="EXT." width="45"/>
            <mx:DataGridColumn dataField="name" headerText="ASSIGNED TO"/>
        </common:columns>
    </common:PageDataGrid>

        for(var i:uint=0; i < _numGroups; i++)
        {
            dataGrid = new DataGrid();
            dataGrid.headerHeight = 25;
            dataGrid.rowCount = _numRows;
            dataGrid.rowHeight = 25;
            dataGrid.percentWidth = 100;
            dataGrid.dataProvider = dataGridProviders.getItemAt(i);

            // Deep Copy        
            registerClassAlias("mx.controls.dataGridClasses.DataGridColumn", DataGridColumn);
            var columnsCopy:Array = new Array(this._columns.length);
            for(var j:uint=0; j < this._columns.length; j++)
            {
                columnsCopy[j] = ObjectUtil.copy(this._columns[j]) as DataGridColumn;
            }
            // End Deep Copy
            dataGrid.columns = columnsCopy;

            dataGrid.addEventListener(DataGridEvent.HEADER_RELEASE, onHeaderRelease);

            this.addChild(dataGrid);
        }

for（变量i:uint=0；i<\u numGroups；i++）
{
dataGrid=新的dataGrid（）；
dataGrid.headerHeight=25；
dataGrid.rowCount=\u numRows；
dataGrid.rowHeight=25；
dataGrid.percentWidth=100；
dataGrid.dataProvider=dataGridProviders.getItemAt（i）；
//深度复制
registerClassAlias（“mx.controls.dataGridClasses.DataGridColumn”，DataGridColumn）；
var columnsCopy:Array=新数组（this.\u columns.length）；
对于（var j:uint=0；j

在将datagridcolumns分配给DataGrid之前，需要对其进行深度复制。这是我需要做的

    <common:PageDataGrid width="100%" height="100%"
        numGroups="5" numRows="9" dataProvider="{createData(5, 9)}">
        <common:columns>
            <mx:DataGridColumn dataField="ext" headerText="EXT." width="45"/>
            <mx:DataGridColumn dataField="name" headerText="ASSIGNED TO"/>
        </common:columns>
    </common:PageDataGrid>

        for(var i:uint=0; i < _numGroups; i++)
        {
            dataGrid = new DataGrid();
            dataGrid.headerHeight = 25;
            dataGrid.rowCount = _numRows;
            dataGrid.rowHeight = 25;
            dataGrid.percentWidth = 100;
            dataGrid.dataProvider = dataGridProviders.getItemAt(i);

            // Deep Copy        
            registerClassAlias("mx.controls.dataGridClasses.DataGridColumn", DataGridColumn);
            var columnsCopy:Array = new Array(this._columns.length);
            for(var j:uint=0; j < this._columns.length; j++)
            {
                columnsCopy[j] = ObjectUtil.copy(this._columns[j]) as DataGridColumn;
            }
            // End Deep Copy
            dataGrid.columns = columnsCopy;

            dataGrid.addEventListener(DataGridEvent.HEADER_RELEASE, onHeaderRelease);

            this.addChild(dataGrid);
        }

for（变量i:uint=0；i<\u numGroups；i++）
{
dataGrid=新的dataGrid（）；
dataGrid.headerHeight=25；
dataGrid.rowCount=\u numRows；
dataGrid.rowHeight=25；
dataGrid.percentWidth=100；
dataGrid.dataProvider=dataGridProviders.getItemAt（i）；
//深度复制
registerClassAlias（“mx.controls.dataGridClasses.DataGridColumn”，DataGridColumn）；
var columnsCopy:Array=新数组（this.\u columns.length）；
对于（var j:uint=0；j