How can I create a jquery table with two headers

Dima Alek

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

2 Replies

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

Dima Alek6y ago
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
0
Salman Beg6y ago
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
0