Jquery Формат HTML Таблица в заданном формате

Question

Я пытаюсь отобразить содержимое запроса в HTMl, используя следующую команду: jquery

    $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>'); 
        });

Но это дает следующий результат:

На самом деле я хочу получить такой результат

Как отформатировать эти значения, как указано выше.

Answer 1

Сначала необходимо определить класс или идентификатор для тега <tr> строки заголовка таблицы, а затем добавить данные в виде строки класса / идентификатора.

$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>');
   });