javascript - 使用 Jquery 合并行中的 SQL 数据，HTML 表

Question

我正在尝试根据日期合并行中的数据，但我得到了这个

我需要这样的结果

列是动态生成的。这是我尝试过的逻辑。请指导我。谢谢你。

var vHtml = '<table id="example_Day" class="table table-hover" cellspacing="0" width="100%">';
vHtml += '<thead>';
vHtml += '<tr id="rowDay">';
vHtml += '<th>Date</th>';
for (var i = 0; i < count; i++) {
    ProductArray.push(Returndata[i]["ShortCode"]);
    DateArray.push(Returndata[i]["DemandDate"]);
    MedIDArray.push(Returndata[i]["MedicineID"]);
}
ProductArray = ProductArray.filter(onlyUnique);
for (var i = 0; i < ProductArray.length; i++) {
    vHtml += '<th>' + ProductArray[i] + '</th>';
}
vHtml += '<th>Paid / Free</th>';
vHtml += '</tr>';
vHtml += '</thead>';
vHtml += '<tbody>';
DateArray = DateArray.filter(onlyUnique);
MedIDArray = MedIDArray.filter(onlyUnique);

for (var j = 0; j < count; j++) {
    vHtml += '<tr>';
    vHtml += '<td>' + Returndata[j]["DemandDate"] + '</td>';

    for (var i = 0; i < MedIDArray.length; i++) {
        if (MedIDArray[i] == Returndata[j]["MedicineID"]){
            vHtml += '<td>' + Returndata[j]["Amount"] + '</td>';
        }
        else
        {
            vHtml += '<td> - </td>';
        }
    }
    vHtml += '<td>' + Returndata[j]["FreeOrPaid"] + '</td>';
    vHtml += '</tr>';
}



vHtml += '</tbody>';
vHtml += '</table>';

$('#table_day').html(vHtml);

1：

2：

标签： javascriptjquerysql-serverasp.net-mvcdatatable