从数组生成HTML表

问题描述:

我的数据格式如下所示......(示例一)这是一个数组。基于数据,我需要通过自定义条件生成一个html表...比如,表头将是day1,2 ,3,4,5,6及以下数组必须根据条件添加每个标题...我已经提供了详细信息供参考



var array = [{day:1,summary:proge1},

{day:1,summary:proge2},

{day:1,summary:proge3},

{day:2,summary:Tues1},

{day:2,summary:Tues2},

{day:2,summary:Tues3},

{ day:3,summary:Wed1},

{day:3,summary:Wed2},

{day :3,摘要:Wed3},

{day:4,summary:Thur1},

{day: 4,摘要:Thur2},

{day:5,summary:Fri1},

{day:6, summary:Sat1}]

我想基于这些数据生成一个html表,它应该显示为低..有人请建议我如何做到这一点..





















Day1 Day2 Day3 第4天 第5天 第6天


输出:



----------------------- -----------------------

Day1 | Day2 Day3 Day4 Day5 Day6

---- -------------------------------------------

proge1 Tue1 Wed1 Thur1 Fri1 Sat1



proge2 Tue2 Wed2 Thur2

proge3 Tue3 Wed3



我尝试过:



这里是wat我做的....





script



$(function(){

var json = [];

var tr, start = 0;

console.log('这里json check here',json);

for(var i = 0;我< json.length; i ++){

tr = $('');

tr.append(+ json [i] .summary +);

$('table')。append(tr);

}

}},





但是我在考虑如何为每个td调用这个函数....说...为每个td分配一些值,如1,2,3,4并将该值传递给函数和得到每个td所需的数据.....专家...我是html的新手请告知你是否有任何想法

I have data in Array format as below... (sample one) this is an array..Based on data , I need to generate a html table by custom condition... say, table header will be day1,2,3,4,5,6 and below array has to be based for each header to add row based on the conditions... I have given the details for reference

var array= [{"day":1,"summary":"proge1"},
{"day":1,"summary":"proge2"},
{"day":1,"summary":"proge3"},
{"day":2,"summary":"Tues1"},
{"day":2,"summary":"Tues2"},
{"day":2,"summary":"Tues3"},
{"day":3,"summary":"Wed1"},
{"day":3,"summary":"Wed2"},
{"day":3,"summary":"Wed3 "},
{"day":4,"summary":"Thur1"},
{"day":4,"summary":"Thur2"},
{"day":5,"summary":"Fri1"},
{"day":6,"summary":"Sat1"}]
I want to generate a html table based on this data such that it should display as below..can someone please suggest me how to accomplish this..










Day1 Day2 Day3 Day4 Day5 Day6

output:

----------------------------------------------
Day1 |Day2 Day3 Day4 Day5 Day6
-----------------------------------------------
proge1 Tue1 Wed1 Thur1 Fri1 Sat1

proge2 Tue2 Wed2 Thur2
proge3 Tue3 Wed3

What I have tried:

here is wat i did....


script

$(function () {
var json = [];
var tr,start=0;
console.log('here json check here',json);
for (var i = 0; i < json.length; i++) {
tr = $('');
tr.append("" + json[i].summary + "");
$('table').append(tr);
}
}},


But I am thinking how to call this function for each td....say... assign some value for each td like 1,2,3,4 and pass that value to function and get required data for each td.....Experts... I am new to html please advise if you have any idea

(function(){

var json = [];

var tr,start = 0;

console.log('这里json check here',json);

for(var i = 0; i< json.length; i ++){

tr =
(function () {
var json = [];
var tr,start=0;
console.log('here json check here',json);
for (var i = 0; i < json.length; i++) {
tr =


('') ;

tr.append(+ json [i] .summary +);
('');
tr.append("" + json[i].summary + "");


('table')。append( tr);

}

}},





但我在想如何调用此函数每个td ....说...为每个td分配一些值,如1,2,3,4并将该值传递给函数并获取每个td所需的数据.....专家......我是新手html请告知您是否有任何想法
('table').append(tr);
}
}},


But I am thinking how to call this function for each td....say... assign some value for each td like 1,2,3,4 and pass that value to function and get required data for each td.....Experts... I am new to html please advise if you have any idea