Hi Ramakrishna,
I have create sample code may help you to represent the data as you require.
<?xml version="1.0"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
viewSourceURL="srcview/index.html"
width="100%" height="100%" layout="vertical">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var arrData : ArrayCollection = new ArrayCollection([
{Class: "Class 1", Div: "A", Boys: 40, Girls:44, Total:84},
{Class: "Class 1", Div: "B", Boys: 40, Girls:44, Total:84},
{Class: "Class 1", Div: "C", Boys: 40, Girls:44, Total:84},
{Class: "Class 2", Div: "A", Boys: 35, Girls:20, Total:55},
{Class: "Class 3", Div: "A", Boys: 40, Girls:30, Total:70},
{Class: "Class 3", Div: "B", Boys: 40, Girls:30, Total:70},
{Class: "Class 3", Div: "C", Boys: 40, Girls:30, Total:70},
{Class: "Class 4", Div: "A", Boys: 25, Girls:34, Total:59},
{Class: "Class 4", Div: "B", Boys: 25, Girls:34, Total:59},
]);
]]>
</mx:Script>
<mx:AdvancedDataGrid initialize="adgGC.refresh()" height="100%">
<mx:dataProvider>
<mx:GroupingCollection id="adgGC" source="{arrData}">
<mx:grouping>
<mx:Grouping>
<mx:GroupingField name="Class" />
</mx:Grouping>
</mx:grouping>
</mx:GroupingCollection>
</mx:dataProvider>
<mx:columns>
<mx:AdvancedDataGridColumn dataField="Class"/>
<mx:AdvancedDataGridColumn headerText="Division" dataField="Div"/>
<mx:AdvancedDataGridColumn dataField="Boys"/>
<mx:AdvancedDataGridColumn dataField="Girls"/>
<mx:AdvancedDataGridColumn dataField="Total"/>
</mx:columns>
</mx:AdvancedDataGrid>
</mx:Application>
let me know if i can help you more on this.
Regards,
Virat Patel