Create a 4*4 table dynamically within cs file

Question

Need a snippet to Design a 4*n table like the below in asp.net

Amit Mohanty · Answer

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 { 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 { using (HtmlTableCell htmlTableCell = new HtmlTableCell()) { htmlTableCell.InnerText = cellValues[i, j]; htmlTableRow.Cells.Add(htmlTableCell); } } tableContent.Rows.Add(htmlTableRow); } }

Create a 4*4 table dynamically within cs file

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (1)