How to write code columns within sub columns

Question

I want .net code the aboce grid format

Sreenath Kappoor · Answer

Hello Try using rowspan and colspan. they are attributes used in HTML tables to define how many rows or columns a cell should span (occupy) within the table. rowspan: This attribute allows a table cell to span multiple rows. It is used to make a cell stretch vertically across several rows. For example if you want a cell to span two rows you would set rowspan=2. colspan: This attribute allows a table cell to span multiple columns. It is used to make a cell stretch horizontally across several columns. For example if you want a cell to span three columns you would set colspan=3. Rowspan 2 Cell 1 Cell 2 Colspan 2

Tuhin Paul · Answer

Part - 2 The grid will display student marks in a format similar to your image namespace StudentGradeTracker.Models { public class StudentMarks { public int IdNo { get; set; } public string StudentName { get; set; } = string.Empty; // External Theory (50%) public decimal ExternalTheory { get; set; } // Internal Theory + Practical (50%) public decimal SemFinal { get; set; } public decimal Quiz { get; set; } public decimal MidSem { get; set; } public decimal AssignmentRecord { get; set; } public decimal FinalPractical { get; set; } // Calculated Properties public decimal TotalInternalTheoryPractical => SemFinal + Quiz + MidSem + AssignmentRecord + FinalPractical; public decimal TotalTheoryPractical => ExternalTheory + TotalInternalTheoryPractical; public decimal GradePoint => TotalTheoryPractical / 10; // Attendance public decimal TheoryAttendance { get; set; } public decimal PracticalAttendance { get; set; } public string Remarks => DetermineRemarks(); private string DetermineRemarks() { if (TotalTheoryPractical >= 40 && TheoryAttendance >= 75 && PracticalAttendance >= 75) return PASS; return FAIL; } } } namespace StudentGradeTracker.Services { public interface IStudentMarksService { IEnumerable GetAllStudentMarks(); } } namespace StudentGradeTracker.Services { public class StudentMarksService : IStudentMarksService { public IEnumerable GetAllStudentMarks() { // Sample data - in real application this would come from a database return new List { new StudentMarks { IdNo = 1 StudentName = Student 1 ExternalTheory = 39.50M SemFinal = 6.50M Quiz = 17.17M MidSem = 7.50M AssignmentRecord = 7.75M FinalPractical = 7.75M TheoryAttendance = 100.00M PracticalAttendance = 100.00M } new StudentMarks { IdNo = 2 StudentName = Student 2 ExternalTheory = 47.00M SemFinal = 8.00M Quiz = 17.83M MidSem = 8.50M AssignmentRecord = 8.00M FinalPractical = 7.25M TheoryAttendance = 80.00M PracticalAttendance = 80.00M } }; } } } using Microsoft.AspNetCore.Mvc; using StudentGradeTracker.Services; namespace StudentGradeTracker.Controllers { public class MarksController : Controller { private readonly IStudentMarksService _marksService; public MarksController(IStudentMarksService marksService) { _marksService = marksService; } public IActionResult Index() { var marks = _marksService.GetAllStudentMarks(); return View(marks); } } } @model IEnumerable @{ ViewData[Title] = Student Marks; } Student Marks I.D.NO. NAME OF THE STUDENT External Theory (50%) Internal Theory + Practical (50%) Total Internal Total Theory + Practical Grade Point ATTENDANCE Remarks Sem Final Quiz Mid Sem Assignment Final Practical Theory Practical @foreach (var item in Model) { @item.IdNo @item.StudentName @item.ExternalTheory.ToString(F2) @item.SemFinal.ToString(F2) @item.Quiz.ToString(F2) @item.MidSem.ToString(F2) @item.AssignmentRecord.ToString(F2) @item.FinalPractical.ToString(F2) @item.TotalInternalTheoryPractical.ToString(F2) @item.TotalTheoryPractical.ToString(F2) @item.GradePoint.ToString(F2) @item.TheoryAttendance.ToString(F2)% @item.PracticalAttendance.ToString(F2)% @item.Remarks } @section Styles { .table-responsive { overflow-x: auto; } .table th .table td { vertical-align: middle; text-align: center; } .thead-dark th { background-color: #343a40; color: white; } } var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddControllersWithViews(); builder.Services.AddScoped (); var app = builder.Build(); // Configure the HTTP request pipeline. if (!app.Environment.IsDevelopment()) { app.UseExceptionHandler(/Home/Error); app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); app.UseRouting(); app.UseAuthorization(); app.MapControllerRoute( name: default pattern: {controller=Marks}/{action=Index}/{id?}); app.Run();

Tuhin Paul · Answer

Part - 1 This implementation includes: 1. A `StudentMarks` class that defines the data model 2. An ASPX page with a GridView control and CSS styling 3. A code-behind file that populates the grid with data public class StudentMarks { public int IdNo { get; set; } public string StudentName { get; set; } // External Theory (50%) public decimal ExternalTheory { get; set; } // Internal Theory + Practical (50%) public decimal SemFinal { get; set; } public decimal Quiz { get; set; } public decimal MidSem { get; set; } public decimal AssignmentRecord { get; set; } public decimal FinalPractical { get; set; } // Totals public decimal TotalInternalTheoryPractical { get; set; } public decimal TotalTheoryPractical { get; set; } public decimal GradePoint { get; set; } // Attendance public decimal TheoryAttendance { get; set; } public decimal PracticalAttendance { get; set; } public string Remarks { get; set; } } Student Marks Grid .grid-container { margin: 20px; font-family: Arial sans-serif; } .grid-header { background-color: #f0f0f0; font-weight: bold; } .grid-row:nth-child(even) { background-color: #f9f9f9; } .grid-cell { padding: 8px; border: 1px solid #ddd; } ' CssClass=grid-cell> ' CssClass=grid-cell> ' CssClass=grid-cell> ' CssClass=grid-cell> ' CssClass=grid-cell> ' CssClass=grid-cell> ' CssClass=grid-cell> using System; using System.Collections.Generic; using System.Web.UI; public partial class StudentMarksGrid : System.Web.UI.Page { protected void Page_Load(object sender EventArgs e) { if (!IsPostBack) { BindGrid(); } } private void BindGrid() { List marksList = new List { new StudentMarks { IdNo = 1 StudentName = Student 1 ExternalTheory = 39.50M SemFinal = 6.50M Quiz = 17.17M MidSem = 7.50M AssignmentRecord = 7.75M TotalInternalTheoryPractical = 38.92M TotalTheoryPractical = 78.42M GradePoint = 7.84M TheoryAttendance = 100.00M PracticalAttendance = 100.00M Remarks = PASS } // Add more student records as needed }; MarksGridView.DataSource = marksList; MarksGridView.DataBind(); } } The grid will display student marks with proper formatting and column headers matching your image. You can further customize the appearance by modifying the CSS classes and GridView properties.