Javascript Jquery以给定格式格式化HTML表

我正在尝试使用以下jquery以HTMl显示查询内容

    $tableSearch = $('#table-search');
    $tableSearch.html('<tr><th>Name</th><tr><th>Hours</tr></th><tr><th>MB</th></tr>'); 
    result.forEach(function(row) {
     $('#table-search tr').append('<td>'+ row.Date +'</td>'+'<td>'+ row.Hours+'</td>'+'<td>'+ row.MB+'</td>'); 
        });

$tableSearch=$（“#表搜索”）；
$tableSearch.html（'NameHoursMB'）；
result.forEach（函数（行）{
$（'#table search tr'）。追加（''+行.日期+''+''+行.小时+''+''+行.MB+''）；
});

但它给出的结果如下所示

实际上我想要这样的结果

---

如何像上面那样格式化这些值。

首先，您需要在表标题行的

标记上定义class或id，然后将数据作为class/id-wise行追加

$tableSearch = $('#table-search');
    $tableSearch.html('<tr class="tr1"><th>Name</th><tr class="tr2"><th>Hours</tr></th><tr class="tr3"><th>MB</th></tr>'); 
    result.forEach(function(row) {
    $('#table-search .tr1').append('<td>'+ row.Date +'</td>');
     $('#table-search .tr2').append('<td>'+ row.Hours+'</td>');
     $('#table-search .tr3').append('<td>'+ row.MB+'</td>');
   });

$tableSearch=$（“#表搜索”）；
$tableSearch.html（'NameHoursMB'）；
result.forEach（函数（行）{
$（'#table search.tr1'）。追加（''+行.日期+''）；
$（'#table search.tr2'）。追加（''+行.Hours+''）；
$（'#table search.tr3'）。追加（''+row.MB+''）；
});

请单击编辑，然后单击

[]

代码段编辑器并发布一个带有相关输入的文件。

NameHoursMB

无法单独为您提供一个垂直标题。最后，这里没有PHP问题，除非您想在服务器上执行代码。如何在PHP@mplungjan中获取此值。它们来自某个地方。PHP中的逻辑与JS中的逻辑相同。所以你需要做出选择。