displaying nested JSON array

{
  "Info": {
    "VendorID": 1,
    "HotelsInfo": [
      {
        "ID": 100,
        "Name": "Test Hotel1",
        "BookingInfo": [
          {
            "BookingDate": "2013-03-05"
          }
        ]
      },
      {
        "ID": 200,
        "Name": "Test Hotel2",
        "BookingInfo": [
          {
            "BookingDate": "2013-03-05"
          },
          {
            "BookingDate": "2013-03-06"
            
          }
        ]
      },
      {
        "Name": "Test Hotel3",
        "BookingInfo": [
          {
            "BookingDate": "2013-03-05"
           },
          {
            "BookingDate": "2013-03-06"
 
          },
          {
            "BookingDate": "2013-03-07"
          }
        ]
      }
    ]
  },
  "Status": true,
  "Errors": null
}

I want to view this like as shown below
---------------------------------
ID Hotel Name BookingDate
______________________________________
100 Test Hotel1 2013-03-05
200 Test Hotel2 2013-03-05
200 Test Hotel2 2013-03-06
300 Test Hotel3 2013-03-05
300 Test Hotel3 2013-03-06
300 Test Hotel3 2013-03-07
------------------------------------

I am using the below configuration, but this is somehow not working

$('#example').dataTable( {
          "sDom": '<"toolbar"><tip',
            "sAjaxSource": "response.json",
            "sAjaxDataProp": "Info.HotelsInfo",
            "aoColumns": [
                          { 
                            "mData": "ID" ,
                            "mData": "Name" ,
                             "mData": "BookingInfo.BookingDate" 
                          }
                      ]    
        } );