Ich möchte eine dynamische Matrix-Datenanzeige mit Java-Skript, HTML und JQuery erstellen, die angezeigt wirdHier.

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

Das Problem ist, dass der Code ordnungsgemäß funktioniert, aber keine eindeutigen Daten basierend auf dem Datum anzeigt. Zum Beispiel, wie im obigen Link gezeigt, wird "Datum: 11-12-2013" zweimal wiederholt, was ich nicht will. Ich möchte eindeutige Daten anzeigen.

Meine gewünschte Ausgabe ist: