首先在DataGrid里添加模板列：
(1) 在设计视图里，选择DataGrid控件，然后单击"属性"窗口底部的"属性生成器"链接
(2) 在"可用列"中，选择"模板列"并单击"添加"按钮。单击"确定"即可
(3) 在视图窗口中，在该DataGrid控件上单击鼠标右键，在弹出的菜单中选择"编辑模板"菜单项，然后选择所创建的模板列。
(5) 可以编辑4个模板列。根据需要将控件添加到模板列中及在项的模板列中添加一个DataGrid控件，并右键DataGrid选择"结束模板编辑"菜单项。
显示带有主次结构的数据主要通过DataRelation类来建立，该类可以指定名称、父级和子级DataColumn对象指示是否要创建约束的值。
在DataGrid控件的模板列中添加了DataGrid控件页面代码：
<form id="Form1" method="post" runat="server">
<asp:DataGrid id="dgMaster" style="Z-INDEX: 101; LEFT: 48px; POSITION: absolute; TOP: 64px" runat="server"
AutoGenerateColumns="False" ShowHeader="False" Width="432px" Height="96px">
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
<TR>
<TD bgColor="#cccccc"><FONT color="#ffffff"><B>订单号：
<%# DataBinder.Eval(Container.DataItem, "OrderID") %>
</B></FONT>
</TD>
</TR>
<TR>
<TD align="right">
<asp:DataGrid id=dgDetail runat="server" BorderColor="#336666" BorderStyle="Double" BorderWidth="3px" BackColor="White" CellPadding="4" GridLines="Horizontal" AutoGenerateColumns="False" Width="100%" DataKeyField="OrderID" DataSource='<%# ((System.Data.DataRowView)Container.DataItem).CreateChildView("tableRelation") %>' Font-Size="Smaller">
<SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#339966"></SelectedItemStyle>
<ItemStyle ForeColor="#333333" BackColor="White"></ItemStyle>
<HeaderStyle Font-Bold="True" ForeColor="White" BackColor="#336666"></HeaderStyle>
<FooterStyle ForeColor="#333333" BackColor="White"></FooterStyle>
<Columns>
<asp:BoundColumn Visible="False" DataField="OrderID" ReadOnly="True"></asp:BoundColumn>
<asp:TemplateColumn HeaderText="产品名称">
<HeaderStyle Width="250px"></HeaderStyle>
<ItemTemplate>
<%# DataBinder.Eval(Container.DataItem, "ProductName") %>
</ItemTemplate>
</asp:TemplateColumn>
<asp:BoundColumn DataField="UnitPrice" HeaderText="单价" DataFormatString="{0:c}"></asp:BoundColumn>
<asp:BoundColumn DataField="Quantity" HeaderText="数量"></asp:BoundColumn>
<asp:BoundColumn DataField="Discount" HeaderText="折扣"></asp:BoundColumn>
</Columns>
<PagerStyle HorizontalAlign="Center" ForeColor="White" BackColor="#336666" Mode="NumericPages"></PagerStyle>
</asp:DataGrid></TD>
</TR>
</TABLE>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
<P><FONT face="宋体">
</FONT><A href="WebForm1.aspx"><FONT face="宋体">WebForm1</FONT></A></P>
<P><FONT face="宋体"> </FONT><FONT face="宋体"></FONT></P>
<P><FONT face="宋体"></FONT> </P>
<P><FONT face="宋体"></FONT> </P>
<P><FONT face="宋体"> </FONT></P>
</form>
后台代码：
为建立父表模板列，并把另外一个DataGrid嵌入到这个模板列中，父级的DataGrid用来显示主记录，子级DataGrid用来显示详细信息。下面为子DataGrid动态指定数据源
DataSource = '<%# ((System.Data.DataRowView)Container.DataItem).CreateChildView('tableRelation')%>'
页面载入事件
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
if(!IsPostBack)
{
this.DataGridBind();
}
}
数据绑定方法
private void DataGridBind()
{
//定义数据库连接对象，其中数据库连接字符串为Web.config文件中定义
SqlConnection conn = new SqlConnection(ConfigurationSettings.AppSettings["ConnectionSqlServer"].ToString());
//创建数据适配器对象
SqlDataAdapter da = new SqlDataAdapter("Select top 5 * from Orders select OrderID ,Products.ProductName,[order Details].Unitprice,[order Details].Quantity,[order Details].discount from [order Details],Products where [Order Details].ProductId=Products.ProductID",conn);
DataSet ds = new DataSet();
try
{
//填充数据集
da.Fill(ds);
//设定表名字
ds.Tables[0].TableName = "Orders";
ds.Tables[1].TableName = "Order Details";
DataColumn Parent = ds.Tables["Orders"].Columns["OrderID"];
DataColumn Child = ds.Tables["Order Details"].Columns["OrderID"];
DataRelation tableRelation = new DataRelation("tableRelation", Parent, Child, false);
ds.Relations.Add(tableRelation);
//进行数据绑定
dgMaster.DataSource = ds.Tables["Orders"].DefaultView;
dgMaster.DataBind();
}
catch(Exception error)
{
Response.Write(error.ToString());
}
}
运行如下图效果：
