How to Add the ordered list html tags to each row of gridview?

I am using gridview and I want to add the ordered list html tags to each row of gridview.

You can to use nested repeater inside gridview to display orderlist inside gridview, following sample code shows how you can display orderlist in gridview.

Run sample code

 

<%@ Page Language="C#"%>
<%@ Import Namespace="System.Collections.Generic"%>

<script runat="server">
    
    protectedvoid Page_Load(object sender, EventArgs e)
    {
        List<DummyData> mydata =new List<DummyData>();
        mydata.Add(new DummyData("Tom","Cricket","Movies"));
        mydata.Add(new DummyData("Harry", 
            "Coin collection", "Rafting", "Driving"));

        gridView.DataSource = mydata;
        gridView.DataBind();
    }

    publicclass DummyData
    {
        public DummyData(string name, params string[] hobbies)
        {
            this.name = name;
            foreach (string hobbie in hobbies)
            {
                this.hobbies.Add(hobbie);
            }
        }
        
        privatestring name;
        private List<string> hobbies =new List<string>();
        
        public List<string> Hobbies
        {
            get { return hobbies; }
            set { hobbies = value; }
        }
	
        publicstring Name
        {
            get { return name; }
            set { name = value; }
        }
	
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>GridView with orderedlist</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView runat="server" ID="gridView" 
                AutoGenerateColumns="false">
            <Columns>
                <asp:BoundField HeaderText="Name" DataField="Name"/>
                <asp:TemplateField HeaderText="Hobbies">
                   <ItemTemplate>
                        <asp:Repeater runat="server" 
           DataSource="<%# ((DummyData)Container.DataItem).Hobbies %>">
                            <HeaderTemplate><ol></HeaderTemplate>
                            <ItemTemplate>
                                <li><%# Container.DataItem %></li>
                            </ItemTemplate>
                            <FooterTemplate></ol></FooterTemplate>
                        </asp:Repeater>
                   </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
    </div>
    </form>
</body>
</html>
Bookmark with:
Technorati   Digg   Delicious   StumbleUpon   Facebook
My name is Jigar Desai I share my ideas on this site and you can contact me by filling contact form.

Categories