Create a 4*4 table dynamically within cs file

Try below code.

code for aspx page

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx.cs" Inherits="WebApp1.WebForm6" %>
>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-alpha1/css/bootstrap.min.css" />
head>
<body>
<form id="form1" runat="server">
<div class="container" style="text-align:center">
<h2>Dynamic table in C#h2>
<div class="row">
<div class="col-12">
<div class="table-responsive">
<table id="tableContent" class="table table-striped" border="1" runat="server">table>
div>
div>
div>
div>
form>
body>
html>

Then Try This code in Page_Load

protected void Page_Load(object sender, EventArgs e)
{
String[,] cellValues = { { "Id", "Name", "Date", "Service" }, { "1", "2", "3", "4" }, { "a", "b", "c", "d" }, { "m", "n", "o", "" } };
for (int i = 0; i < cellValues.GetLength(0); i++)
{
HtmlTableRow htmlTableRow = new HtmlTableRow();
//For table header
if (i == 0)
{
htmlTableRow.Style.Add("font-weight", "bold");
htmlTableRow.Style.Add("font-size", "12pt");
}
for (int j = 0; j < cellValues.GetLength(1); j++)
{
using (HtmlTableCell htmlTableCell = new HtmlTableCell())
{
htmlTableCell.InnerText = cellValues[i, j];
htmlTableRow.Cells.Add(htmlTableCell);
}
}
tableContent.Rows.Add(htmlTableRow);
}
}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Amit Mohanty4y ago
Try below code.
code for aspx page
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx.cs" Inherits="WebApp1.WebForm6" %>

>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-alpha1/css/bootstrap.min.css" />
head>
<body>
    <form id="form1" runat="server">
        <div class="container" style="text-align:center">
            <h2>Dynamic table in C#h2>
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive">
                        <table id="tableContent" class="table table-striped" border="1" runat="server">table>
                    div>
                div>
            div>
        div>
    form>
body>
html>
Then Try This code in Page_Load
protected void Page_Load(object sender, EventArgs e)
{
    String[,] cellValues = { { "Id", "Name", "Date", "Service" }, { "1", "2", "3", "4" }, { "a", "b", "c", "d" }, { "m", "n", "o", "" } };

    for (int i = 0; i < cellValues.GetLength(0); i++)
    {
        HtmlTableRow htmlTableRow = new HtmlTableRow();
        //For table header
        if (i == 0)
        {
            htmlTableRow.Style.Add("font-weight", "bold");
            htmlTableRow.Style.Add("font-size", "12pt");
        }
        for (int j = 0; j < cellValues.GetLength(1); j++)
        {
            using (HtmlTableCell htmlTableCell = new HtmlTableCell())
            {
                htmlTableCell.InnerText = cellValues[i, j];
                htmlTableRow.Cells.Add(htmlTableCell);
            }
        }
        tableContent.Rows.Add(htmlTableRow);
    }
}