请看看是否可以帮助我。 代码:
var th_table = $('#table-id');
$(data).each(function (index, th) {
html = '<tbody>'
+ '<tr>'
+ '<td rowspan="2" class="text-left">' + th.MONTHNAME + '</td>'
+ '<td class="text-left">' + th.CATEGORY + '</td>'
+ '<td class="text-left">' + th.NOOFDAYS + '</td>'
+ '</tr>'
+ '</tbody>';
th_table.append(html);
});
结果
Month Category Days
Jan CAT1 2
Jan CAT2 3
Jan CAT3 1
Feb CAT1 2
Feb CAT2 3
Mar CAT3 1
我想要的输出
Month Category Days
Jan CAT1 2
CAT2 3
CAT3 1
Feb CAT1 2
CAT2 3
Mar CAT3 1
但是ajax无法识别行跨...请帮助
答案 0 :(得分:1)
您可以如下更改代码:
var th_table = $('#table-id');
var tmpMonth;
$(data).each(function (index, th) {
var html = '';
if (tmpMonth !== th.MONTHNAME) {
html = '<tr>'
+ '<td rowspan="2" class="text-left">' + th.MONTHNAME + '</td>'
+ '<td class="text-left">' + th.CATEGORY + '</td>'
+ '<td class="text-left">' + th.NOOFDAYS + '</td>'
+ '</tr>';
tmpMonth = th.MONTHNAME;
} else {
html = '<tr>'
+ '<td class="text-left">' + th.CATEGORY + '</td>'
+ '<td class="text-left">' + th.NOOFDAYS + '</td>'
+ '</tr>';
}
th_table.append(html);
});
请注意,数据必须按 MONTHNAME 排序。
或按 MONTHNAME 对数据进行分组,并循环分组结果。
var groupedResult = _.groupBy(data, function(d) { return d.MONTHNAME; });
_.forEach(groupedResult, funcation(values, key) {
// key is your MONTHNAME
// values is an array
html = '<tr>'
+ '<td rowspan="' + values.length + '" class="text-left">' + values[0].MONTHNAME + '</td>'
+ '<td class="text-left">' + values[0].CATEGORY + '</td>'
+ '<td class="text-left">' + values[0].NOOFDAYS + '</td>'
+ '</tr>';
th_table.append(html);
for(var i = 1; i < values.length; i++ ){
html = '<tr>'
+ '<td class="text-left">' + values[i].CATEGORY + '</td>'
+ '<td class="text-left">' + values[i].NOOFDAYS + '</td>'
+ '</tr>';
th_table.append(html);
}
});