How can I create a jquery table with two headers

Question

Hello everybody, I want to create a Table using jQuery or a normal html, with two headers. Tp row and left column must be fix and have a fixed content(can be hardcoded) but all other cells inside i want to read from database using Entoty framework, can anybody help me with this? example: headerTop1/ headerTop2/ headerTop3 header1/ dbcontent / dbcontent / dbcntent header2/ dbcontent / dbcontent / dbcntent header3 / dbcontent / dbcontent / dbcntent thanks in Advance

Dima Alek · Answer

Here is my code: $.ajax({ type: "GET", url: "/Home/JsonWeekEvents", dataType: "JSON", success: function (result) { $.each(result, function (i, val) { var trow = $(' ').data("id", val.Id); //trow.append(' ' + val.Id + " " + ' '); trow.append(' '); trow.append(' ' + val.Monday + ' '); trow.append(' ' + val.Tuesday + ' '); trow.append(' ' + val.Wednesday + ' '); trow.append(' ' + val.Thursday +' '); trow.append(' ' + val.Friday +' '); trow.append(' ' + val.Saturday +' '); trow.append(' ' + val.Sunday + ' '); trow.append(' ' + ' Edit Week ' + ' '); //trow.append(' ' + ' edit ' + " " + "|" + " " + ' '); //trow.append(' ' + ' delete ' + " " + ' '); tab.append(trow); }); $("tr:odd", tab).css('background-color', '#C4C4C4'); $("#weekEvents").html(tab); }, error: function () { alert("Failed! Please try again."); } }); var tab = $(' '); var thead = $(' '); thead.append(' FSE' + " " + ' '); thead.append(' Monday' + " " + ' '); thead.append(' Tuesday' + " " + ' '); thead.append(' Wednesday' + " " + ' '); thead.append(' Thursday' + " " + ' '); thead.append(' Friday' + " " + ' '); thead.append(' Saturday' + " " + ' '); thead.append(' Sunday' + " " + ' '); tab.append(thead); Where FSE stay, I want to display fixed content with names

Salman Beg · Answer

Hey for that you need to use any grid. Here I have shared an link of jQuery datatable so you can follow that, https://dotnet2developer.blogspot.com/2017/09/jquery-datatable-with-example.html?m=1