ASP display subcategories with similar categories using repeater - asp.net

Question

I'm trying to build a large menu with div's for each "Category". In each div the H3 is based on the "Category" that I'm pulling from a SQL table. Under the will be a with list items that are subCategories for each Category...which are links.
In the table there a bunch of Category items.
How can I loop through to show the Category and the subCategories associated with that category?
Here is how my html is set up:
<asp:Repeater id="dlCategories" runat="server" DataSourceID="LarryColeSub">
<ItemTemplate>
<div class="col_1">
<h3><%# Eval("Category") %></h3>
<ul>
<ItemTemplate>
<li><a id="cmdSubCategory" class="sectioncontentslink" href='default.aspx?rPage=ToolList&subCatID=<%# Eval("SubCategoryID")%>'>
<%# Eval("SubCategory") %></a></li>
</ItemTemplate>
</ul>
</div>
</ItemTemplate>
</asp:Repeater>
Here is my sqlDataSource:
<asp:SqlDataSource ConnectionString="<%$ ConnectionStrings:LarryCole %>" ID="LarryColeSub" runat="server" SelectCommand="SELECT [SubCategoryID],[SubCategory],[Category],[fkCategoryId] FROM [tblSubCategory]">
When I run this now it (obviously) creates a div for each subCategory vs a div for each Category.

Answer 1

<%# Control Language="c#" %>
<%# Import Namespace="System.Data" %>
<%# Import Namespace="System.Data.SqlClient" %>
<%# Import Namespace="System.Configuration" %>
<script runat="server">
protected void Page_Load(object sender, System.EventArgs e) {
if (!Page.IsPostBack) {
SqlConnection MyConnection;
SqlCommand MyCommand;
SqlDataAdapter MyAdapter;
DataTable MyTable;
DataSet ds;
ds = new DataSet();
MyConnection = new SqlConnection();
MyConnection.ConnectionString = ConfigurationManager.ConnectionStrings["db_name_here"].ConnectionString;
MyCommand = new SqlCommand();
MyCommand.CommandType = CommandType.Text;
MyCommand.Connection = MyConnection;
MyCommand.CommandText = "SELECT * FROM tblSubCategory";
MyTable = new DataTable();
MyAdapter = new SqlDataAdapter();
MyAdapter.SelectCommand = MyCommand;
MyAdapter.Fill(ds,"SubCategory");
MyCommand.Dispose();
MyCommand.CommandText = "SELECT * FROM tblCategory";
MyTable = new DataTable();
MyAdapter = new SqlDataAdapter();
MyAdapter.SelectCommand = MyCommand;
MyAdapter.Fill(ds,"Category");
MyCommand.Dispose();
ds.Relations.Add("myrelation",ds.Tables["Category"].Columns["CategoryID"], ds.Tables["SubCategory"].Columns["fkCategoryID"]);
//populate parent repeater
rpCategories.DataSource = ds.Tables["Category"];
rpCategories.DataBind();
MyAdapter.Dispose();
MyConnection.Dispose();
}
}
</script>
//html repeater code
<asp:Repeater id="rpCategories" runat="server">
<ItemTemplate>
<div class="col_1">
<h3><%# DataBinder.Eval(Container.DataItem,"Category") %></h3>
<ul>
<asp:Repeater id="rpSubCategories" runat="server" datasource='<%# ((DataRowView)Container.DataItem).Row.GetChildRows("myrelation") %>'>
<ItemTemplate>
<li><a id="cmdSubCategory" class="sectioncontentslink" href='default.aspx?varName=BlahBlah&subCatID=<%# ((DataRow)Container.DataItem)["SubCategoryID"] %>'>
<%# ((DataRow)Container.DataItem)["SubCategory"] %></a>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
</ItemTemplate>
</asp:Repeater