I can suggest the following solution.
Example
<%@ Page Language="C#" %>
<!DOCTYPE html>
<script runat="server">
public class Student
{
public int id { get; set; }
public string name { get; set; }
public string sex { get; set; }
public bool isSummaryRow { get; set; }
}
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
var sList = new List<Student>
{
new Student{id = 2,name = "s2",sex ="female" },
new Student{id = 4,name = "s4",sex ="female"},
new Student{id = 7,name = "s7",sex ="female"},
new Student{id = 1,name = "s1",sex ="male"},
new Student{id = 3,name = "s3",sex ="male"},
new Student{id = 5,name = "s5",sex ="male"},
new Student{id = 6,name = "s6",sex ="male"}
};
bool first = true;
int i = 1;
var sList1 = new List<Student>();
string last = "";
foreach (var o in sList)
{
if (first)
{
sList1.Add(o);
}
else if (o.sex == last)
{
i = i + 1;
sList1.Add(o);
}
else
{
sList1.Add(new Student { id = sList.Count + 1, name = "sum", sex = i.ToString(), isSummaryRow = true });
i = 1;
sList1.Add(o);
}
first = false;
last = o.sex;
}
sList1.Add(new Student { id = sList1.Count + 1, name = "sum", sex = i.ToString(), isSummaryRow = true });
student_s.DataSource = sList1;
student_s.DataBind();
}
}
</script>
<html>
<head>
<title>Ext.NET v2 Example</title>
<script>
var getRowClass = function (record, rowIndex, rowParams, store) {
if (record.data.isSummaryRow) {
return "summary-row";
}
};
</script>
<style>
.summary-row td.x-grid-td {
background-color: yellow;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:GridPanel runat="server">
<Store>
<ext:Store ID="student_s" runat="server" >
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="id" />
<ext:ModelField Name="name" />
<ext:ModelField Name="sex" />
<ext:ModelField Name="isSummaryRow" Type="Boolean" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:Column runat="server" DataIndex="id" Text="id" />
<ext:Column runat="server" DataIndex="name" Text="name" />
<ext:Column runat="server" DataIndex="sex" Text="sex" />
</Columns>
</ColumnModel>
<View>
<ext:GridView runat="server">
<GetRowClass Fn="getRowClass" />
</ext:GridView>
</View>
</ext:GridPanel>
</form>
</body>
</html>
