Я хочу создать динамическое отображение данных типа матрицы с использованием сценариев Java, HTML и JQuery, который показанВот.

var reservations = [
    {"date":"22-12-2013","MCHC":"22","Pulse rate":"75","weight":"50" },
    {"date":"11-12-2013","CBC":"5"},
    {"date":"11-12-2013","weight":"55"}
];
var tbody = $('#reservations tbody'),
    props = ["date", "MCHC", "CBC", "Pulse rate", "weight"];

$.each(reservations, function(i, reservation) {
  var tr = $('<tr>');
  $.each(props, function(i, prop) {
       $('<td>').html(reservation[prop]).appendTo(tr);  
  });
  tbody.append(tr);
});

Проблема в том, что код работает правильно, но он не отображает уникальные данные, основанные на дате. Например, как показано в приведенной выше ссылке «дата: 11-12-2013» повторяется дважды, что я не хочу. Я хочу отображать уникальные данные.

Мой желаемый результат: