How to create table dynamically in asp.net : The Official Microsoft ASP.NET Forums

Reply

sampath1750

Member

5 Points

55 Posts

How to create table dynamically in asp.net

Apr 26, 2012 08:16 AM|LINK

How to create table dynamically in codebehind and table(for loop or anything) data come from database. Thanks, .

Reply

gopakumar.r

Participant

959 Points

193 Posts

Re: How to create table dynamically in asp.net

Apr 26, 2012 08:34 AM|LINK

First put a asp:Literal control in you page where you want to show your table, as below

<asp:Literal ID="litTable" runat="server" />

Now in your the event where data is fetched, write the below code to loop though data source and build a table

StringBuilder htmlTable = new StringBuilder();
        htmlTable .AppendLine("<table">");
        htmlTableString.AppendLine("<tr>");
        htmlTableString.AppendLine("<th>colum 1</th>");
        htmlTableString.AppendLine("<th>colum 2</th>");
        htmlTableString.AppendLine("<th>colum 3</th>");
        htmlTableString.AppendLine("</tr>");

/*Put a for loop here and repeat the below code*/
        htmlTableString.AppendLine("<tr>");
        htmlTableString.AppendLine("<td>colum 1 data</td>");
        htmlTableString.AppendLine("<td>colum 2 data</td>");
        htmlTableString.AppendLine("<td>colum 3 data</td>");
        htmlTableString.AppendLine("</tr>");
/*End For loop*/
        htmlTableString.AppendLine("</table>");

        litTable.Text = htmlTableString.ToString();

This will create an HTML string and assign to you literal, thats all!

Cheers,
Gopakumar

| Please click “Mark as Answer” on the post(s) if it helps |

Edited by gopakumar.r on Apr 26, 2012 08:34 AM
Edited by gopakumar.r on Apr 26, 2012 08:35 AM
Edited by gopakumar.r on Apr 26, 2012 08:35 AM
Marked as answer by Frank Jiang - MSFT on May 07, 2012 02:54 AM

Reply

ramiramilu

All-Star

95503 Points

14106 Posts

Re: How to create table dynamically in asp.net

Apr 26, 2012 08:37 AM|LINK

use Gridview...

Thanks,

Website
JumpStart

Reply

sampath1750

Member

5 Points

55 Posts

Re: How to create table dynamically in asp.net

Apr 26, 2012 11:18 AM|LINK

How to give colspan and rowspan for that table(if one column data is same in 2 rows then i want merge)

Edited by sampath1750 on Apr 26, 2012 11:21 AM

Reply

sriramabi

Contributor

4351 Points

1277 Posts

Re: How to create table dynamically in asp.net

Apr 26, 2012 11:25 AM|LINK

try this:

HtmlTable table1 = new HtmlTable();

        // Set the table's formatting-related properties.
        table1.Border = 1;
        table1.CellPadding = 3;
        table1.CellSpacing = 3;
        table1.BorderColor = "red";

        // Start adding content to the table.
        HtmlTableRow row;
        HtmlTableCell cell;
        for (int i=1; i<=5; i++)
        {
                // Create a new row and set its background color.
                row = new HtmlTableRow();
                row.BgColor = (i%2==0 ? "lightyellow" : "lightcyan");
                for (int j=1; j<=4; j++)
                {
                        // Create a cell and set its text.
                        cell = new HtmlTableCell();
                        cell.InnerHtml = "Row: " + i.ToString()+ "<br />Cell: " + j.ToString();
                        // Add the cell to the current row.
                        row.Cells.Add(cell);
                }

                // Add the row to the table.
                table1.Rows.Add(row);
        }

        // Add the table to the page.
        this.Controls.Add(table1);

http://www.java2s.com/Tutorial/ASP.NET/0080__HTML-Controls/DynamicallycreateaHTMLtableC.htm